使用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()”,這樣當檢驗不能通過的時候不會提交表單。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM