表單驗證和正規表示式

效果圖

html布局

* 

body 
.block 
ul li 
li > input[type=text], li > input[type=password] 
li > input[type=text]:hover, li > input[type=password]:hover 
.yz_text 
.fz_btn 
.ck_li 
.ck_li > input 
.ck_li > span 
.sub_li > input 
.tel_li > input 
li > i 
.tel_bei 
.eyebtn 
.bgcolor 
#subinfo:hover 
.info 
.error 
.success 

1.使用正則物件

var exp=/^[0-9]$/;

var reg=new regexp(exp);
var str="12345";
console.log(reg.test(str));//true   false
console.log(exp.test(str));

match 條件不滿足是null

console.log(str.match(exp));

元字元非列印字元

特殊字元

限定符

常見的幾種正則驗證

1.郵箱驗證

var ereg = /^\w\@(qq|163|126)\.com$/;

var email = "[email protected]";
console.log(email.match(ereg));

4）身份證驗證

610523200010012569

年：1900-3999

var idreg=/^[1-9]\d(19|([23]\d))\d((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d[0-9xx]$/;

var id="610523200010012569";
console.log(id.match(idreg));

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

一 表單 新使用者註冊 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...