1.步驟:
1.0:在頁面載入時,執行3部分操作
1.1:第1部分-必填項
1.1.1:給form表單中所有的帶"required"類名的input標籤中,新增乙個紅色的*,表示必填項.
1.2:第2部分-獲取焦點/失去焦點的校驗
1.2.1:獲得所有的輸入項,為輸入項新增乙個blur事件.
1.2.2:獲得當前元素的父元素(即觸發blur函式的元素的父元素)
1.2.3:清除父元素中顯示的原有的資訊(即原來的提示資訊).
1.2.4:判斷當前除法blur函式的元素是什麼元素
1.2.5:根據不同的元素,按照不同的標準去判斷
1.3:第3部分-表單的submit驗證
1.3.1:為表單新增乙個submit事件.
1.3.2:執行表單中blur事件(目的是觸發上邊的所有驗證)
1.3.3:獲得錯誤資訊的個數(具有onerror樣式的元素的個數)
1.3.4:如果大於0,則返回false
2.**部分
表單的校驗 註冊頁面的設計
總結根據一些方法使使用者提交的資料符合我們的一些規範。如果符合規範就可以提交資料,不符合便不可以提交。1.在輸入框後面使用span標籤,顯示提示資訊 2.使用標籤的innerhtml屬性控制提示資訊的顯示 3.使用事件繫結方法進行校驗,常用 onkeyup和onsubmit事件控制 4.書寫要校驗的...
JS對註冊頁面進行表單校驗
校驗效果 html lang en 新使用者註冊 user register 已有賬號?立即登入 body reg back reg left reg left p first child reg left p last child reg center reg right reg right p ...
html form表單實現註冊頁面
瀏覽器向伺服器提交資料的兩種方式 form表單,ajax,form表單是將資料統一打包傳送給server,而ajax是填寫一條資料就傳送一次,做一次驗證 get和post方法的區別 get方法就是把客戶端的請求內容放在url後面會顯示出來,然後打包給服務端 1.提交的鍵值對,放在位址列中url後面 ...