使用JS對form的內容驗證失敗後阻止提交

1.form的兩個事件

submit,提交表單,如果直接調用該函數,則直接提交表單

onSubmit,提交按鈕點擊時先觸發,然後觸發submit事件。如果不加控制的話,默認返回true,因此表單總能提交。

2. JS的校驗

通過在JS中用document.myform.name.value,來得到用戶的每一個輸入 ,進行校驗,當完全通過時,返回TRUE,反之返回false。

3. 頁面代碼實現

/*

<form name="testform"  action="hello.html"  method="post" onSubmit="return check();">

  <input type="text" name="name">

  <input type="submit" value="提交">

</form>

*/

4. JS的實現

function check(){
    if (document.testform.name.value=="admin")    {       
        alert("姓名不正確");       
        return false;   
        }
    else{
        return true;
        }
}

5.說明

 這裏注意onSubmit的寫法,千萬不要寫成:“check()”,這樣當檢驗不能通過的時候不會提交表單。

轉自http://blog.csdn.net/huangyunzeng2008/article/details/5153621
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章