前端全套視頻HTML+CSS+JS+jQuery筆記(八)

3.17 js操作form元素

多選框:
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
下拉框:
在這裏插入圖片描述
selected屬性是option的
在這裏插入圖片描述

3.18 Form表單驗證

驗證碼設計:
在這裏插入圖片描述
在這裏插入圖片描述
一加載頁面,有驗證碼。當點擊驗證碼時,驗證碼會變換
在這裏插入圖片描述
加背景圖片,行內元素空格。
校驗步驟:
在這裏插入圖片描述
註釋先行,填充代碼,思路清晰;
在這裏插入圖片描述
用戶名在2到4個漢字
在input框後的span中顯示,設置內容與樣式
觸發事件:input框失去焦點
在這裏插入圖片描述
在這裏插入圖片描述
驗證密碼:
在這裏插入圖片描述
在這裏插入圖片描述
封裝
在這裏插入圖片描述
alt:固有屬性,不會顯示,可用於備註
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
爲了保證寫了“確認密碼”,再去修改“密碼設置”的input框內容時,“確認密碼”框會再次校驗——要在“密碼設置”的方法中添加checkPwd2方法
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
表單驗證是否提交
方法一:阻斷
在這裏插入圖片描述
在這裏插入圖片描述
每個校驗的方法,return true或者false
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章