如何使用JavaScript驗證表單？

Question

假設我有一個帶有幾個textFields和一個提交按鈕的表單。

什麼是最好的方式，一旦用戶點擊這個按鈕時，JavaScript來驗證文本框（至少確保有在那裏的東西），如果沒有，彈出一個消息，如果一切正常，則提交表單和PHP將接管。

謝謝！

Answer 1

在您提交按鈕的HTML添加OnClick="function_name();"，

，並在函數的聲明做

function function_name(){ 
    var str = document.getElement("your_text_field_id"); 
    if (str=="") { 
     alert("Please type some text first"); 
     return false 
    } else { 
     alert("Thanks"); //optional 
     return true; 
    } 
} 

Answer 2

調用JavaScript功能這驗證使用形式的onSubmit方法用戶輸入字段。

Answer 3

如果您使用jQuery（如果沒有，你應該），你可以在形式獲得通過.submit()提交做一些事情。在這個事件中，你可以檢查所有input領域根據不同的類型，如果出現錯誤，你可以打電話event.preventDefault()停止提交和alert()錯誤。

事情是這樣的：

<form id="myform"> 
    <input type="text" name="text" /> 
    <input type="submit" value="Submit!" /> 
</form> 

的jQuery：

$('#myform').submit(function(event){ 

    error = false; 

    $('input',this).each(function(){ 

     if($(this).val() == '') 
      error = true; 

    }); 

    if(error == true){ 

     event.preventDefault(); 
     alert('An error occured!'); 

    } 

});