im doing a form validation and I want to validate the input fields when \"on submit\" if error Im using jquery.scrollTo to go to error:
$(\'#form_inscripcion
You are returning from #each
function, not #submit
. Do something like this instead:
$('#form_inscripcion').submit(function(e) {
//se traen todos los inputs del formulario
var $inputs = $('#form_inscripcion :input');
var returnVal = true;
$inputs.each(function() {
var encontro_error = validar($(this)); //uses dependence ok
if (encontro_error){
$.scrollTo( 'input#'+$(this).attr('id'), 800 ); //go to error
returnVal = false;
return false; // returning false here breaks out of $.each.
}
});
return returnVal;
});
You could also do e.preventDefault()
to stop the form from being submitted.
I would use e.preventDefault()
like this:
$('#form_inscripcion').submit(function(e) {
//se traen todos los inputs del formulario
var $inputs = $('#form_inscripcion :input');
$inputs.each(function() {
var encontro_error = validar($(this)); //uses dependence ok
if (encontro_error){
$.scrollTo( 'input#'+$(this).attr('id'), 800 ); //go to error
e.preventDefault(); // Cancel the submit
return false; // Exit the .each loop
}
});
});
Just be sure to supply the e
parameter to the submit function call (first line in the code block).