抓住提交事件,验证,如果是o.k.继续提交表格

时间:2014-09-24 14:01:32

标签: javascript jquery forms

看起来似乎很容易实现的东西是不可能的。 我想从表单中捕获提交事件并首先进行一些验证。如果验证完成,我想继​​续提交表单。

$('#myform').submit(function(e){
  e.preventDefault();
  var valid = true;

  //- do some validation magic

  if(valid){
    $(this).submit();
    // $('#myform').submit(); // does not work as well
  }else{
    //- give feedback
        $('#error').fadeIn();
  }
})

最后一部分似乎是问题;当有效时将脚本置于无限循环中时触发表单上的提交事件。

当然我可以在AJAX调用中包装所有内容,但我更愿意只是简单地提交表单。

1 个答案:

答案 0 :(得分:2)

因此,只有在失败时阻止提交,才无需重新提交。

$('#myform').submit( function (e) {
    var valid = true;
    //- do some validation magic
    if (!valid) {
        $('#error').fadeIn();
        e.preventDefault();
    }
});