正規表示式驗證表單

2021-06-07 12:57:23 字數 1265 閱讀 2330

用正規表示式實現的js表單驗證,判斷使用者的輸入是否是正確的。

新使用者註冊

js**

function $(id)

function $v(id)

string.prototype.trim=function()

//檢查表單的輸入是否全部正確

var reg;//正規表示式

function checkall(obj)else if($v("pwd").trim()=="")else if($v("repwd").trim()=="")else if($v("email").trim()=="")else if($v("mobile").trim()=="")else if($v("birth").trim()=="")

divid=id+"_prompt";//獲得提示的id;

$(divid).classname="error_prompt";//顯示錯誤提示的樣式

$(divid).innerhtml="輸入不能為空";//錯誤的提示文字

return false;

}divid=id+"_prompt";//獲得提示的id;

$(divid).classname="error_prompt";

if(id=="user")$/;//驗證使用者名稱的正規表示式

if(reg.test(obj.value)==false)

}else if(id=="pwd")$/;//驗證密碼的正規表示式

if(reg.test(obj.value)==false)

}else if(id=="repwd")

}else if(id=="email"))$/;//驗證電子郵箱的正規表示式

if(reg.test(obj.value)==false)

}else if(id=="mobile")$/;//驗證手機號碼的正規表示式

if(reg.test(obj.value)==false)

}else if(id=="birth"))|(200\d))-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|[30-1])$/;

if(reg.test(obj.value)==false)

}$(divid).innerhtml="";//提示內容清空

$(divid).classname="ok_prompt";//輸入正確的提示樣式

return true;

}

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

一 表單 新使用者註冊 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 使用者名稱由英文...

正規表示式 表單驗證

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

表單驗證 正規表示式

本週的學習任務是製作乙個正規表示式。學長給了乙個正規表示式教程,看完了以後發現並沒有記住什麼。正規表示式真的要記的東西很多,所以我都是直接在網上找相應的表示式,因為要除錯驗證,慢慢也記住了一些最基本的東西。現在拿到乙個正規表示式還是能夠做一些最基本分析,也能看懂一部分。儘管如此,在製作表單驗證的時候...