取消在jQuery提交？ [英] cancel a submit in jquery?

问题描述

> $（'＃form_inscripcion'）。submit（function（）{
// se traen todos los inputs del formulario
var $ inputs = $（'＃form_inscripcion：input' ）;

$ inputs.each（function（）{
var encontro_error = validar（$（this））; //使用依赖关系ok
if（encontro_error）{
$ .scrollTo（'input＃'+ $（this）.attr（'id'），800）; //去错误
返回false; //不提交！这里:(
}
}）;

}）;


问题是，当返回的错误不会取消提交时，不运行返回false; 行

 < form id =form_inscripcionname =formmethod =postaction = someonsubmit =return false> 
  

但如此，永远不会提交。我希望你了解我:)谢谢：）

解决方案

我会用 e.preventDefault（）像这样：

  $（'＃form_inscripcion'）。submit（function（e）{
 //输入公式
 var $ input = $（'＃form_inscripcion：input'）; 
 
 $ inputs.each（function（）{
 var encontro_error = validar（$（this））; //使用依赖关系ok 
 if（encontro_error）{
 $ .scrollTo（'input＃'+ $（this）.attr（'id'）， 800）; //去错误
 e.preventDefault（）; //取消提交
返回false; //退出.each循环
} 
}）; 
}）; 
  

请务必提供 e 参数到提交函数调用（代码块中的第一行）。

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

});

The problem is, when error returned doesnt cancel the submit, doesnt run return false; line.

It works OK when

<form id="form_inscripcion" name="form" method="post" action="some" onsubmit="return false">

But so, will never submits. I hope you understand me :) thanks :)

解决方案

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).

这篇关于取消在jQuery提交？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！