集成jQuery.validate和chosen.js
集成jQuery.validate和chosen.js
提问于 2012-09-18 07:09:44
我正在尝试使用由choosen.js生成的select下拉列表在表单上设置验证
下面是我的代码：
$('.chzn-single').bind("change", function(){
$myform.validate().element($(this));
});我认为这样的东西可以工作，但我没有任何成功。有什么想法吗？
谢谢
回答 7
Stack Overflow用户
回答已采纳
发布于 2016-11-25 17:18:11
This Code will check validation on submit and also when choosen change is fired.
$("#form").validate({
errorPlacement: function (error, element) {
if (element.is('select')) {
error.insertAfter(element.siblings(".chosen-container"));
} else {
error.insertAfter(element);
}
},
highlight: function (element, errorClass, validClass) {
$(element).next().addClass(errorClass);
},
unhighlight: function (element, errorClass, validClass) {
$(element).next().removeClass(errorClass);
}
});
$(".chosen-select").chosen().change(function () {
$("#form").validate().element(".chosen-select");
});Stack Overflow用户
发布于 2013-02-08 07:17:30
我已经做到了这一点：
var validator = $("#formid").data('validator');
validator.settings.ignore = ":hidden:not(select)";通过这样做，您将验证隐藏的选择字段；chzn将隐藏您的默认列表，并将其替换为自己的列表。
Stack Overflow用户
发布于 2013-04-19 16:01:28
在遇到这个问题几天后，我找到了一种对我有效的方法。您需要在选择的更改时触发验证，这可以通过.change()函数来完成。我使用了以下代码：
$("#chosenElement").chosen().change(function() {
$("#myForm").validate().element("#chosenElement");
});我使用的是所有最新版本(jQuery1.9，jquery.validate 1.11.1，选择0.9.12)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12468313
复制相关文章
相似问题
腾讯云开发者
