jquery - validacion - Complemento de validación: validación automática de múltiples formularios en una página

validar formulario html5

Question

Actualmente necesito validar cada formulario como este:

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

Quiero que valide automáticamente los formularios para cada elemento con la etiqueta required .

¿Cómo puedo hacer eso?

Answer 1

Cita OP:

" Quiero que valide automáticamente los formularios para cada elemento con la etiqueta requerida".

Citar el comentario OP:

"Tengo que llamar a $(''#admin_settings_general'').validate() para cada uno de los formularios actualmente. ¿Cómo puedo llamarlo sin limitarlo a un formulario?"

Para inicializar correctamente .validate() en todos los formularios de una página, use un selector común como la etiqueta de form (o una class ). Como no puede adjuntar .validate() a ningún selector de jQuery que represente múltiples elementos de form , use un jQuery .each() . Así es simplemente cómo se diseñaron estos métodos de complementos.

$(document).ready(function() {

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

});

DEMO de trabajo: http://jsfiddle.net/6Fs9y/