Question

我提交表单时进行简单验证，以检查隐藏输入的当前值，如果为空则显示警告：

$delivery_forecast = DeliveryForecast::with('documents')
        ->get();

如果没有做出选择并且阻止提交表单，则此方法有效，但是如果已经进行了选择，则实际上并未提交表单。

Answer 1

$("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();

  }

});

Answer 2

在 IF 语句中移动 event.preventDefault（）;

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

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

});

event.preventDefault（）会阻止您将其置于上面的表单的默认提交行为始终执行。

希望有帮助.....

Answer 3

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

确保不应存在任何 id 或名称提交

jQuery表单提交验证未提交

3 个答案: