正規表示式驗證表單的內容

2021-08-19 02:04:31 字數 2015 閱讀 3513

驗證密碼強度

css

#dv


.strengthlv0 


.strengthlv1 


.strengthlv2 


.strengthlv3
html

密碼


密碼強度：
js

function my$(id) 


my$("pwd").οnkeyup=function () ;


function getlvl(pwd) 


//判斷密碼中有沒有字母


if(/[a-za-z]/.test(pwd))


//判斷密碼中有沒有特殊符號


if(/[^0-9a-za-z_]/.test(pwd))


return lvl;//最小的值是1,最大值是3


}
案例效果

驗證使用者輸入是不是郵箱

html

js

//如果輸入的是郵箱,那麼背景顏色為綠色,否則為紅色


//獲取文字框,註冊失去焦點的事件


document.getelementbyid("email").onblur = function () $/;


if (reg.test(this.value)) else 


};
案例效果

驗證使用者輸入的是不是中文名字

html

請輸入您的名字:*
js

//是中文名字,則綠色,否則紅色


document.getelementbyid("username").οnblur=function () $/;


if(reg.test(this.value))else


};
案例效果

驗證表單

css

body 


label 


span 


.container 


span 


.wrong 


.right 


.defau 


.de1
html

q q


手機郵箱


座機姓名
js

function my$(id) 


//qq的


checkinput(my$("qq"),/^\d$/);


//手機


checkinput(my$("phone"),/^\d$/);


//郵箱


checkinput(my$("e-mail"),/^[0-9a-za-z_.-]+[@][0-9a-za-z_.-]+([.][a-za-z]+)$/);


//座機號碼


checkinput(my$("telephone"),/^\d[-]\d$/);


//中文名字


checkinput(my$("fullname"),/^[\u4e00-\u9fa5]$/);


//給我文字框,給我這個文字框相應的正規表示式,我把結果顯示出來


//通過正規表示式驗證當前的文字框是否匹配並顯示結果


function checkinput(input,reg) else};}
案例效果

表單驗證 正規表示式驗證表單

一 表單 新使用者註冊 h1 form action register success.htm method post name myform id form1 dl dt 使用者名稱 dt dd input id user type text div id user prompt 使用者名稱由英文...

正規表示式驗證表單

用正規表示式實現的js表單驗證，判斷使用者的輸入是否是正確的。新使用者註冊 js function id function v id string.prototype.trim function 檢查表單的輸入是否全部正確 var reg 正規表示式 function checkall obj el...

正規表示式 表單驗證

獲取dom物件 function e str 動態新增有樣式的內容 ok prompt 為提示文字驗證正確的classname error prompt 為提示文字驗證錯誤時classname import prompt 為提示文字提示時classname obj.innerhtml str obj...