防止默认后提交Jquery表单

Question

我真的很长时间以来一直坚持这个问题。我在 Rails 应用程序中工作，并且有创建业务的表单。

当我编写以下代码的所有 JQuery 自定义验证通过时，现在应该提交表单。

$("form#new_business").submit(function(e){
e.preventDefault();
var valid = true;

var attribute_value = $("input#business_"+to_attribute+"_id").val();

if (attribute_value == '') { // means validation fail
  valid = false ;
  flashMessage(to_attribute)
}

if (valid) this.submit();

});

现在，当验证失败时，它会成功显示“属性不能为空”的 flash 消息，但是当验证通过时，不提交表单，提交按钮变为禁用:(

Answer 1

您可以使用$('form#new_business')[0].submit(); 而不是this.submit();，因此您的代码变为：

$("form#new_business").submit(function(e){
  e.preventDefault();
  var valid = true;
  var attribute_value = $("input#business_"+to_attribute+"_id").val();

  if (attribute_value == '') { // means validation fail
    valid = false ;
    flashMessage(to_attribute)
  }

  if (valid) {
    $('form#new_business')[0].submit();
  }
});