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验证中显示不同的消息?@Shayvardmessages:{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>" +