js小練習(三) 表單操作

2021-08-28 12:18:30 字數 1330 閱讀 7796

(一)主要功能:

(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 這是一種...