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/