第六季 3 乙個表單驗證的例子

2021-08-04 23:57:57 字數 865 閱讀 3730

①首先建立表單,然後檢查是否選擇了愛好,再檢查密碼位數是否是8位以上,再檢查兩個密碼是否一致,最後檢查備註會否為空.

注:個人覺得備註為空是允許的,這裡只是教我們程式設計的例子.

(1).首先按照要求進行表單設定,年齡,愛好,密碼,備註,並設定備註行數為4行,列數為10列.

年齡:輸入數字

愛好: 爬山 游泳 網球 桌球

至少選擇乙個

密碼:輸入兩次,兩次必須一致,且密碼長度必須大於8

備註:用textarea

html**

(2)接下來進行程式設計

首先判斷愛好全不選是不行的,密碼長度小於8是不行的,兩次密碼輸入不一致

//檢查函式

function checkit()

}if(!flag)//沒有乙個愛好被選中

//檢查密碼

if(document.forms[0].mm.value.length<8)

if(document.forms[0].mm.value!=document.forms[0].cfmm.value)

}(3)接下來同樣的,檢查備註是否為空

if(document.forms[0].bz.value=="")

這個**是直接加在檢查密碼不一致後面的.

乙個簡單的表單驗證JS

這個表單驗證支援空值,長度,範圍,群組,ajax 示例效果 驗證模式1 驗證模式2 使用者名稱密碼 類別類別1 類別2 類別3 類別4 專案專案1 專案2 專案3 專案4 示例 validator.add message 使用者名稱已經存在!validator.add validator.add v...

乙個表單的建立與驗證

例項展示 樣式左邊的span 設定寬度,display inline block,text align right 就可以右對齊了 js頁面的html布局 聯絡 正則校驗 的方法 function checkmobile str if str.match reg else 頁面中呼叫的方法 申請的按...

乙個簡單的驗證帶驗證提示例子

該例子的原始碼 於 鋒利的jquery 這本書。jquery,怎麼說呢?不說別的,開發基於js指令碼的web頁面的人,真的很值得看看。它對js原生 的封裝的很好,有點面向介面程式設計的思想,不用知道具體的實現,對於很多方法直接拿來用就ok了。而且還有行為和表現的分離這層思想。感覺學了點皮毛,又感覺收...