使用 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

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

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

"但是当我运行这段代码时，它只验证第一个输入和第二个输入 输入被简单地忽略了"

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

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

使每个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 定位元素，但是对于这种情况，什么都没有解决，因为插件仍然需要一个唯一 name 在每个 input 元素上。

Answer 2

添加类似如下规则或消息的配置

multipleInputSharedName: {
        inp_text: true
    }

更改 jquery.validate.js 中的代码 方法名：元素

替换以下内容

if ( this.name in rulesCache || !validator.objectLength( $( this ).rules() ) ) {
                return false;
            }

以下

if ( (!validator.settings.multipleInputSharedName[this.name] && this.name in rulesCache) || !validator.objectLength( $( this ).rules() ) ) {
                return false;
            }

Answer 3

是的，JQuery validate 只会验证第一次出现。 您对文本框使用不同的名称。 要么 您可以使用相同的名称但不同的 ID。 并根据id申请check。

$("#myform").validate({ 规则：{ #id_of_field：{ 必需：真，检查值：真 } } });

Answer 4

朋友们！

为了验证文本框/复选框/选择同名 使用以下它对我来说很好。

这里的 'ctryId' 是选择框的名称。

function validateCountry(){
    inp = document.getElementsByTagName("select");
    for ( var i = 0; i < inp.length; ++i )    {
        if (inp[i].name =="ctryId" && inp[i].value==''){
            alert('plesae select a country!');
                return false;
            }
        }
    return true;
 }

这里 'minVal' 是文本框的名称

function validateMinimumVal(){
    inp = document.getElementsByTagName("TEXT");
    for ( var i = 0; i < inp.length; ++i )    {
        if (inp[i].name =="minVal" && inp[i].value==''){
            alert('plesae Add a MINIMUM VALUE!!');
                return false;
            }
        }
    return true;
 }

希望这会有所帮助！ 贾根