Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在不同名称的输入中使用jQuery验证插件?_Javascript_Jquery - Fatal编程技术网

Javascript 如何在不同名称的输入中使用jQuery验证插件?

Javascript 如何在不同名称的输入中使用jQuery验证插件?,javascript,jquery,Javascript,Jquery,我在输入中使用不同的名称!!! 单击表单中的“提交”后,在所有 我怎么分开 例如:您选择了一家酒店的三个房间 lenHotel=3编号已更改 添加脚本: <script src="../lib/jquery.js"></script> <script src="../dist/jquery.validate.js"></script> 打印后,HTML为: <div class="box-content"> <div class

我在输入中使用不同的名称!!! 单击表单中的“提交”后,在所有

我怎么分开

例如:您选择了一家酒店的三个房间

lenHotel=3编号已更改

添加脚本:

<script src="../lib/jquery.js"></script>
<script src="../dist/jquery.validate.js"></script>
打印后,HTML为:

<div class="box-content">
<div class="field-row clearfix">
    <label for="passenger"></label> 
    <input id="passenger" name="passenger_1" required="" type="text">
</div>
<div class="field-row clearfix">
    <div class="col-xs-6">
        <select id="p-status" name="country_1">
            <option value="1">Country name</option>
            <option value="2">Country name</option>
        </select>
    </div>
</div>
</div>
<div class="box-content">
<div class="field-row clearfix">
    <label for="passenger"></label> 
    <input id="passenger" name="passenger_2" required="" type="text">
</div>
<div class="field-row clearfix">
    <div class="col-xs-6">
        <select id="p-status" name="country_2">
            <option value="1">Country name</option>
            <option value="2">Country name</option>
        </select>
    </div>
</div>
</div>
<div class="box-content">
<div class="field-row clearfix">
    <label for="passenger"></label> 
    <input id="passenger" name="passenger_3" required="" type="text">
</div>
<div class="field-row clearfix">
    <div class="col-xs-6">
        <select id="p-status" name="country_3">
            <option value="1">Country name</option>
            <option value="2">Country name</option>
        </select>
    </div>
</div>
</div>

问题是,您在这里进行泛化,并且对多个元素使用相同的
id

$(element).closest("form").find("label[for='" + element.attr("id") + "']").append(error);
因此,您需要将其更改为与该元素相关的内容。此外,您似乎在复制
id
,这是一种犯罪行为

乘客的
id
更改为
乘客1
乘客2
。。。等等,它应该会起作用

"<div class='field-row clearfix'>" +
    "<label for='passenger_" + i +"'></label> " +
    "<input id='passenger_" + i +"' name='passenger_" + i +"' required type='text'> " +
"</div>" +
“”+
" " +
" " +
"" +

您是否在询问如何分离具有相同ID或名称的元素?很简单,每个元素使用不同的名称,因为不能对多个元素使用相同的名称/IDelements@adeneo非常感谢您,如果您选择了一家酒店的10个房间。我们现在该怎么办?实际上,你可以使用相同的名称,如果你想单选按钮工作,就必须使用相同的名称properly@JaromandaX,非常感谢,但我的问题在于不同的消息…非常感谢,但我如何在jQuery验证中显示不同的消息?@Shayvard
messages:{passenger:{
在这里,将
乘客
更改为
乘客1
诸如此类。如果您选择了一家酒店的10个房间,我们现在该怎么办?
$(element).closest("form").find("label[for='" + element.attr("id") + "']").append(error);
"<div class='field-row clearfix'>" +
    "<label for='passenger_" + i +"'></label> " +
    "<input id='passenger_" + i +"' name='passenger_" + i +"' required type='text'> " +
"</div>" +