jquery - 使用 jquery 验证器验证具有相同名称的多个文本框仅验证第一个输入

Question

我正在尝试使用 jquery 验证器验证具有相同名称的两个输入..

<script src='
            http://code.jquery.com/jquery-latest.min.js '></script>
            <script src='http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js'></script>
            <script>
            $(document).ready(function(){

            $('#frm').validate();

            $("[name=inp_text]").each(function(){
            $(this).rules("add", {
            required: true,
            checkValue: true
             });   
           });

                $.validator.addMethod("checkValue", function(value, element) {
                var response = ((value > 0)&&(value <= 100))||((value == 'test1')||(value =='test2'));
               return response;
               }, "invalid value");

            })

            </script>


            <form id='frm' method='post'>
            <input type='text' name='inp_text'/><br>
                <input type='text' name='inp_text'/><br>
            <input type='submit' name=''/>
            </frm>

但是当我运行此代码时，它仅验证第一个输入，而第二个输入被简单地忽略

我也尝试过使用<input type='text' name='inp_text[]'/><br>但仍然无法正常工作。

我应该改变什么......？

提前致谢

Answer 1

"I am trying to validate the two inputs having same name with jquery validator ..."

<input type='text' name='inp_text'/>
<input type='text' name='inp_text'/>

"but when I run this code it only validates first inputs and second inputs gets simply ignored"

type="text" 的两个 input 字段不能具有相同的name，否则此插件将无法正常工作。 name 属性必须是唯一的。 (名称唯一的一个异常(exception)是，复选框或单选输入的“分组”将共享相同的名称，因为相应的提交是单点数据。但是，名称对于每个复选框和单选元素分组仍然必须是唯一的。)

"what should I change...?"

使每个name属性都是唯一的。

<input type='text' name='inp_text[1]'/>
<input type='text' name='inp_text[2]'/>

然后使用“开头为”选择器，^=...

$("[name^=inp_text]").each(function () {
    $(this).rules("add", {
        required: true,
        checkValue: true
    });
});

工作演示:http://jsfiddle.net/PgLh3/

注释:使用 rules('add') 方法时，您还可以通过 id 定位元素，但是对于这种情况，什么也没有已解决，因为插件仍然需要每个 input 元素上有一个唯一 name。