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

目前我需要验证每一个这样的形式:
$(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');
            }
        });
    });

我想要它自动验证每个元素的窗体与所需的标签

我怎样才能做到这一点?

解决方法

报价OP:

I want that it automaticly validate the forms for every element with the required tag.”

报价OP评论

“i have to call $('#admin_settings_general').validate() for each of the forms currently. How can i call it without limiting it to one form?”

要在页面上的所有表单上正确初始化.validate(),请使用公共选择器,例如表单标签本身(或类)。由于您无法将.validate()附加到表示多个表单元素的任何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/

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...