自定义样式的jqueryvalidation

我使用帮助jqueryValidation进行了注册。 一切都会好的，但我注意到，在Opera和Mozilla Firefox中，来自bootstrap的“select”看起来很难看。 我使用jquery选择来解决我的问题，但这两个脚本不想一起工作。 边框不会更改颜色，并且不会显示错误消息。 有什么帮助吗？ 这是我的代码：

   Afghanistan Aland Islands ... Zimbabwe   

MyValidation js：

 $(document).ready(function(){ $('#contact-form').validate({ rules: { country:{ required: true } }, highlight: function(element) { $(element).closest('.form-group').removeClass('has-success').addClass('has-error'); }, unhighlight: function(element) { $(element).closest('.form-group').removeClass('has-error').addClass('has-success'); } }); }); 

和自定义下拉列表js：

   var config = { '.chosen-select' : {} } for (var selector in config) { $(selector).chosen(config[selector]); }  

Answer 1

问题是jquery选择的插件隐藏了select元素，并构建了自定义html来模仿它。

在那个jqueryvalidation插件默认忽略隐藏元素并且不validation它们

您可以在初始化时为validation器设置ignore属性并强制它忽略任何内容：

 $('#contact-form').validate({ ignore: [], //your other validation settings });