返回false不适用于jQuery中的表单提交

Question

 function SaleProduct() { var CusId=$('#CusId').val(); $.get('customer-id.php?CusId='+CusId, function(data) { if(data==0){ alert("Customer Id not valid.") return false; } }); } 

 <form action="sales-edit-insert.php" method="post" onSubmit="return SaleProduct()"> <input type="text" name="CusId" id="CusId"/> <!--Some input field here--> <input type="submit" value="Submit"/> </form> 

返回false； 或e.preventDefault（）; 提交表单时无法使用上述功能。 显示警报后提交表单。

Answer 1

您的SaleProduct返回任何内容（实际上是undefined ）。
您可以停止立即发送表单， return false; 在onsubmit属性内部：

<form action="sales-edit-insert.php" method="post" onSubmit="SaleProduct(); return false;">

之后，您可以手动提交表单：

function SaleProduct() {   
  var form = ...;
  var CusId=$('#CusId').val(); 
  $.get('customer-id.php?CusId='+CusId, function(data) {
    if(data==0){
      alert("Customer Id not valid.")
      return;
    }
    form.submit();
  });
  return false; // you can also move this statement to here from attribute
}

---

获取表单元素的最简单方法是将其提供给onsubmit ：

<form action="sales-edit-insert.php" method="post" onSubmit="return checkCustomer(this)">

和js：

function checkCustomer(form) {
  //code from above
  return false;
}

Answer 2

您已经在使用jQuery，那么为什么还要麻烦onsubmit属性。 尝试

<form action="sales-edit-insert.php" method="post" id="sale-product-form">

和

jQuery(function($) {
  $('#sale-product-form').on('submit', function(e) {
    e.preventDefault()
    var form = this;
    $.get('customer-id.php', $(form).serialize(), function(data) {
      if (data == 0) {
        alert('Customer Id not valid.')
      } else {
        form.submit() // submit normally
      }
    })
  })
})