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

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:

" 我希望它能自动验证具有所需标签的每个元素的表单."

引用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/