我正在做一个表单验证,我想在“提交时”验证输入字段,如果错误我正在使用 jquery.scrollTo 去出错:
$('#form_inscripcion').submit(function() {
//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
return false; // dont submit!... but seems not enter here :(
}
});
});
问题是,当返回的错误不会取消提交时,不会运行 return false;
行。
当
时它工作正常<form id="form_inscripcion" name="form" method="post" action="some" onsubmit="return false">
但如此,绝不会屈服。我希望你理解我 :) 谢谢 :)
最佳答案
我会像这样使用 e.preventDefault()
:
$('#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
}
});
});
只需确保将 e
参数提供给提交函数调用(代码块中的第一行)。
关于javascript - 在 jquery 中取消提交?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1773852/