JQuery的检查必填字段

Question

我已经在JQuery中创造了这个功能：

function CheckRequired() { 
    var ret = true; 

    $(".required").each(function() { 
     var check = $(this).val(); 

     if(check == '') { 
      //alert($(this).attr("id")); 
      ret = false; 
     } 
    }); 

    if(!ret) { 
     alert("One or more fields cannot be blank"); 
     return false; 
    } 
} 

在我的形式提交按钮，我运行此的onClick

<input type="submit" onClick="CheckRequired();" /> 

如果在形式与一类所需的任何领域有一个空白值，错误会提醒用户，表单不应该提交。

该警报显示，但形式似乎仍然被提交

Answer 1

use preventDefault。此方法确保事件的默认操作不会被触发。

function CheckRequired(event) { 
var ret = true; 

$(".required").each(function() { 
    var check = $(this).val(); 

    if(check == '') { 
     //alert($(this).attr("id")); 
     event.preventDefault(); 
    } 
}); 

if(!ret) { 
    alert("One or more fields cannot be blank"); 
    event.preventDefault(); 
} 

}

Answer 2

为了防止形式从提交你应该绑定的事件，已经形成的onsubmit，并返回函数的结果

<form onsubmit="return CheckRequired()" /> 

也为你使用jQuery它将更方便绑定事件在javascript中：

$('#form_id').submit(function(){ 
    //your form submit code 
}) 

Answer 3

我认为你必须防止默认提交行为由usi ng event.preventDefault();如这里所述： Prevent submit button with onclick event from submitting