DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JS 阻止表單提交的實例代碼
JS 阻止表單提交的實例代碼
編輯:JavaScript基礎知識     

 1 使用背景:會議室預定管理系統中,當表單提交的時候需要驗證預約的時間是否符合預定規則,否則提示錯誤信息,阻止表單提交。

 2 相關技術點:

form的兩個事件

  1. submit,提交表單,如果直接調用該函數,則直接提交表單
  2. onSubmit,提交按鈕點擊時先觸發,然後觸發submit事件。如果不加控制的話,默認返回true,因此表單總能提交。

3 Demo

頁面代碼:

1 @using (Html.BeginForm(null, null, null, FormMethod.Post, new { onSubmit = "returncheck();" }))  // 注意:此處事件的寫法:onsubmit = "return + 事件名()"
  { 
<input type="text" name="name"> <input type="submit" value="提交"> 4 }

JS代碼:

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

 2016-04-12 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved