捕获提交事件，验证和如果还好。继续递交表格

Question

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

$('#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();
  }
})

最后一部分似乎是问题所在；当有效时触发表单上的submit事件时，脚本将处于无限循环中。

当然，我可以在AJAX调用中封装所有内容，但我更喜欢“简单地”提交表单。

Answer 1

因此，只有当提交失败时才防止提交，因此没有必要重新提交。

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