大佬教程收集整理的这篇文章主要介绍了jQuery无线电验证 – 突出显示无线电的所有标签,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<input type="radio" name="chooseMe" value="Yes" id="radio_yes" /><label for="radio_yes">Yes</label> <input type="radio" name="chooseMe" value="No" id="radio_no" /><label for="radio_no">No</label>
我从jquery.com上的验证插件页面中获取了突出显示/ unhighlight代码
http://docs.jquery.com/Plugins/Validation/validate
(转到“选项”标签并搜索“取消高亮”)
highlight: function (element,errorClass,validClass) { $(element).addClass(errorClass).removeClass(validClass); $(element.form).find("label[for=" + element.id + "]").addClass(errorClass); },unhighlight: function (element,validClass) { $(element).removeClass(errorClass).addClass(validClass); $(element.form).find("label[for=" + element.id + "]").removeClass(errorClass); },
我遇到的第一个问题是根据需要进行验证时,只会突出显示“是”标签.
第二个问题是如果我不解决验证问题并取消jQueryUI对话框,然后返回到对话框,“是”标签完全消失.
要解决第一个问题,我想要做的是突出显示“是”和“否”标签.因此,在处理突出显示代码时,我需要从元素id获取输入的名称(“chooseMe”),然后从该名称获取与该名称相关联的所有id(“radio_yes”和“radio_no”),突出显示所有标签.当然,那就是unhighlight代码的反面.
由于我在表单中有几个单选按钮集,我需要这是通用的(没有硬编码“chooseMe”等)
这听起来合理吗?如果是这样,唯一的问题是我不知道该怎么做:)
提前致谢.
我们的想法是获取元素的名称并查找同名的所有其他元素,然后应用您应用的相同代码.所以我改变了这个:
$(element.form).find('[name='+element.name+']').each(function (i,sameName){ $(element.form).find("label[for=" + samename.id + "]").removeClass(errorClass); });
编辑:好的,事实证明jQuery.validate并不真的喜欢你使用它的errorClass并将其应用于标签.我做了另一个课,似乎工作:
以上是大佬教程为你收集整理的jQuery无线电验证 – 突出显示无线电的所有标签全部内容,希望文章能够帮你解决jQuery无线电验证 – 突出显示无线电的所有标签所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。