Javascript 带有索引的复选框的Jquery验证
如果复选框名称是带索引的数组,则如何仅获取一条自定义jquery验证消息,并将其发送到上面的Javascript 带有索引的复选框的Jquery验证,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,如果复选框名称是带索引的数组,则如何仅获取一条自定义jquery验证消息,并将其发送到上面的元素中 <div class="error">Error will show here</div> <input type="checkbox" value="0" name="is_appraisal[0]" class="is_appraisal_f siblingcheckbox" id="is_appraisal_f"> <input type="che
元素中
<div class="error">Error will show here</div>
<input type="checkbox" value="0" name="is_appraisal[0]" class="is_appraisal_f siblingcheckbox" id="is_appraisal_f">
<input type="checkbox" value="0" name="is_appraisal[1]" class="is_appraisal_s siblingcheckbox" id="is_appraisal_s">
验证正在工作,但这会在两个复选框下方显示错误消息。是否有帮助?Jquery验证库会为每个无效html元素生成一个标签,如:
<label id="email_id-error" class="error" for="email_id">Please enter your Email.</label>
请输入您的电子邮件。
只需从HTMLDOM复制这个标签,删除它的错误消息,并将它放在需要错误消息的地方。现在,错误消息的位置就是这个标签所在的位置。如果希望所有jQuery验证错误消息都显示在一个您将使用的位置。在该页面上查找
errorPlacement
选项
(一)
如果要自定义所有错误的位置,可以执行以下操作:
$("#myform").validate({
errorPlacement: function(error, element) {
error.appendTo('#errordiv');
}
});
(二)
如果要为一个或多个错误标签指定特定位置,可以执行此操作
errorPlacement: function(error, element) {
if (element.attr("name") == "email" )
error.insertAfter(".some-class");
else if (element.attr("name") == "phone" )
error.insertAfter(".some-other-class");
else
error.insertAfter(element);
}
编辑
下面的代码添加到您的验证函数中
$("#YOURFORMID").validate({
errorPlacement: function(error, element) {
error.appendTo('.error');
},
success: function(label,element) {
$('.error').html('');
}
});
注意:复选框的名称不同(is_评估[0],is_评估[1]),因此消息将显示两次
同时选中下面的代码段工作演示,以查看复选框组
在自定义位置设置自定义消息进行验证
。错误
{
颜色:红色;
}
演示链接你能举一个与问题相关的例子吗?他正在使用你删除的名称中的索引,这改变了问题的含义。是的,我从名称中删除了索引不需要在名称中添加索引它的默认值添加索引为什么上面的向下投票代码有效,删除索引代码是用于demo@AnkurBhadania-我正在使用索引,因为我正在检查服务器端的isset,即使选择后错误消息也不会消失。
$("#YOURFORMID").validate({
errorPlacement: function(error, element) {
error.appendTo('.error');
},
success: function(label,element) {
$('.error').html('');
}
});
$(document).ready(function(){
$("#myform").validate({
rules: {
"is_appraisal[]": "required",
},
messages: {
"is_appraisal[]": "Please select any one of the following!",
},
errorPlacement: function(error, element) {
error.appendTo('.error');
}
});
});