Tengo un formulario bastante grande. Algunos de los campos los he divido por secciones y se pueden ocultar con Toggle() para que no molesten mientras se rellenan los demás campos. El prolema aparece cuando el usuario envia los datos. Al hacer click en submit se hace una validacón automática y obtengo errores como este.
An invalid form control with name='Name' is not focusable.
Pensaba que haciendo algo así lo podría solucionar:
$("#form").on("submit" ,function()
{
for(var i=0; i<7;i++)
{
var id = "#toggle"+ (i+1);
$(id).addClass("show");
}
});
Pero en este caso el método no se llega a ejecutar porque los errores aparecen primero.
También he intentado hacerlo así, sustituyendo el submit por un botón normal:
$("#enviar").on("click" ,function()
{
for(var i=0; i<7;i++)
{
var id = "#toggle"+ (i+1);
$(id).addClass("show");
}
$("#form").submit();
});
En este otro caso no tengo errores pero el formulario se envia sin ser validado.
¿Alguna forma de ejecutar el método antes de que se haga la validación del formulario? Es decir, ejecutarlo para que no haya errores y además sin perder la validación.