jQuery表单提交验证未提交答案

【问题标题】：jQuery Form Submit Validation Not SubmittingjQuery表单提交验证未提交
【发布时间】：2016-11-10 15:26:21
【问题描述】：

当提交表单以检查隐藏输入的当前值时，我有一个简单的验证，如果该值为空则显示警报：

$("form").submit(function(event) {
  event.preventDefault();
  if ($('#productID').val() == '') {
    $("#alert_ajax_error").show();
    return false;
  }
});

这在未进行选择并阻止提交表单时有效，但是如果已进行选择，则实际上并没有提交表单。

【问题讨论】：

event.preventDefault(); 将停止提交表单。删除它。
是的。删除 event.preventDefault() 或将其添加到最后。

标签： javascript jquery html forms

【解决方案1】：

将 event.preventDefault(); 移动到您的 IF 语句中

$("form").submit(function(event) {

  if ($('#productID').val() == '') {
    event.preventDefault();
    $("#alert_ajax_error").show();
    return false;
  }

});

event.preventDefault() 防止您将其置于其上方的表单的默认提交行为将始终执行。

希望对您有所帮助.....

【讨论】：

【解决方案2】：

$("form").submit(function(event) {

  event.preventDefault();    // This prevent the form from submitting
  // so remove it and put it inside the condition block 

  if ($('#productID').val() == '') {

    $("#alert_ajax_error").show();
    event.preventDefault();

  }

});

【讨论】：

【解决方案3】：

$("form").submit(function(event) {    
  event.preventDefault();    
  if ($('#productID').val() == '') {    
    $("#alert_ajax_error").show();
  }
  else{
    $(this)[0].submit();
  }    
});

确保不应该有任何 id 或 name 为提交

【讨论】：