validation插件 – 自动validation页面上的多个表单

目前我需要validation这样的每个表单：

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

我希望它能自动validation具有required标记的每个元素的表单。

我怎样才能做到这一点？

Answer 1

引用OP：

“ 我希望它能自动validation具有所需标签的每个元素的表单。”

引用OP评论：

“我必须为当前的每个表单调用$('#admin_settings_general').validate() 。如何调用它而不将其限制为一个表单？”

---

要在页面上的所有表单上正确初始化.validate() ，请使用公共选择器，例如form标记本身（或class ）。 由于您无法将.validate()附加到任何表示多个form元素的jQuery选择器，因此请使用jQuery .each() 。 这就是这个插件方法的设计方式。

 $(document).ready(function() { $('form').each(function() { // attach to all form elements on page $(this).validate({ // initialize plugin on each form // global options for plugin }); }); }); 

工作演示： http ： //jsfiddle.net/6Fs9y/