javascript - jQuery 验证验证错误的字段

Question

我无法获得 jquery.validate.js在一些领域正常工作。这是代码:

$("#input_home_area").rules("add", {
    digits: true,
    maxlength: 3,
    minlength: 3
});

$("#input_home_prefix").rules("add", {
    digits: true,
    maxlength: 3,
    minlength: 3
});

$("#input_home_suffix").rules("add", {
    digits: true,
    maxlength: 4,
    minlength: 4
});

HTML:

<li id='' class='gfield sixth required'>
    <label class='gfield_label' for=''>Home Phone Area Code (ex: 954)</label>
    <div class='ginput_container'>
        <input name='' id='input_home_area' type='text' value='' class='medium' tabindex='6' placeholder="(ex: 954)" />
    </div>
</li>

<li id='' class='gfield sixth required'>
    <label class='gfield_label' for=''>Home Phone Prefix (ex: 555)</label>
    <div class='ginput_container'>
        <input name='' id='input_home_prefix' type='text' value='' class='medium' tabindex='6' placeholder="(ex: 555)" />
    </div>
</li>

<li id='' class='gfield sixth required'>
    <label class='gfield_label' for=''>Home Phone Suffix (ex: 1236)</label>
    <div class='ginput_container'>
        <input name='' id='input_home_suffix' type='text' value='' class='medium' tabindex='6' placeholder="(ex: 1236)" />
    </div>
</li>

这个问题很难解释，但我会尽力而为。当我包含验证 #input_home_suffix 的脚本位时，#input_home_area 和 #input_home_prefix 都得到验证，就好像它们位于 #input_home_suffix 。因此，即使我已将 #input_home_area 和 #input_home_prefix 都设置为要求输入 3 位数字，它们也会像必须输入 4 位一样得到验证。即使我注释掉验证 #input_home_area 和 #input_home_prefix 的脚本位，它们仍然得到验证，就好像它们实际上是 #input_home_suffix

我完全不知道发生了什么。页面上的每个其他字段都可以完美验证，只是这些字段有问题。

Answer 1

使用验证插件时，您必须通过 name 属性调用输入，而不是它们的 id。