jquery - 验证插件 - 自动验证页面上的多个表单

Question

目前我需要像这样验证每个表单：

    $(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');
            }
        });
    });

我希望它自动验证带有required 标签的每个元素的表单。

我怎样才能做到这一点？

Answer 1

引用操作：

“我希望它自动验证带有所需标签的每个元素的表单。”

引用 OP 评论：

“我现在必须调用$('#admin_settings_general').validate()每个表格。我怎样才能调用它而不将其限制为一个表格？”

---

要正确初始化页面.validate()上的所有表单，请使用通用选择器，例如form标签本身（或 a 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/