使用JQ完成註冊頁面(表單)的校驗

2021-08-19 04:56:16 字數 516 閱讀 3805

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後面 ...