返回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
      }
    })
  })
})