(一)主要功能:
(1)限制使用者名稱和密碼的格式:
包括限制長度,只能是數字和字母,不能為空等等,這部分主要通過正規表示式和onblur事件來篩選判斷。
(2)兩次密碼的驗證:
判斷兩次的value值是否一致,同樣是使用到了onblur事件。
(3)單選框:
radio型別,name值相同,js取值的時候不能用document.getelementbyid(「***」),而要使用document.all(「***」),取值使用陣列和checked來判斷,事件的話我選擇的onclick,用onblur偶爾會有小bug。
(4)核取方塊:
checkbox型別,基本思想同單選框。需要注意的是核取方塊的全選和全部反選的功能,核心是該框的狀態和所有選項框的checked一致。
(5)下拉列表:
這個沒啥好說的,select和option,事件選擇onchange。
(6)textarea部分:
事件的話我使用的是onkeyup,在鍵盤鬆開時判斷,主要是用來字數計數。
(二)**實現:
(1)html部分:
(2)js部分:
function getid(id) $/.test(id)) else
} function vertify(password) $/.test(password))) else
} function vertifypwd(confpassword) else
} function get***() }}
function getlike() }}
function select() else }}
function geteducation(value)
function checklength(note)
}
(三)執行結果:
(四)總結:
沒有連資料庫,只是簡單的梳理了一下表單方面的知識,其實提交那裡應該再寫乙個簡單的函式判斷一下表單是否填完的。
表單驗證練習 js篇
v id head width 240 width 51 width 51 width 73 width 39 width 62 border 0 您好,歡迎來 免費註冊 登入 阿里旺旺 支付寶 src 登入頁面 files register right.gif 中間部分js 關於 廣告服務 合作夥...
js小案例練習
目錄 開始!前面寫的很囉嗦,後面慢慢的精簡起來了,說明還是有一點點進步的!在瀏覽器輸出以下內容 做的第乙個練習,比較羅嗦 html 求1 100的素數var primenum function max if i j i 1 return arr document.write primenum 100...
js 小案例練習
目錄 開始!前面寫的很囉嗦,後面慢慢的精簡起來了,說明還是有一點點進步的!在瀏覽器輸出以下內容 做的第乙個練習,比較羅嗦 求1 100的素數var primenum function max if i j i 1 return arr document.write primenum 100 這是一種...