表單驗證時常用正規表示式(以「註冊資訊」為例)

2021-07-23 18:53:48 字數 2408 閱讀 8312

個人在使用時看到網上總結的有很多了,但大多文章表述的都比較抽象,使用時需要自己組合,通常因為懶所以實際在用時習慣直接拿來用,總結的是本人寫程式的過程中用的頻率比較高的幾個例項:

個人整理的web開發中常用的表單驗證的正規表示式js——mr_smile2014 的文章(侵刪)

/*驗證是否同意協議*/

function checkagree()

/* 驗證使用者名稱 */

function checkusername() $/ig;/* 不能以數字開頭,長度在5-10位 */

var id = "uname";

return commoninfo(reg, id);

}

/* 驗證密碼 */

function checkpassword() $/ig;/* 必須是數字,位數為6位 */

var id = "upwd";

return commoninfo(reg, id);

}

/* 驗證真實姓名 */

function checktruename() $/ig;/* 必須是2-4位的漢字 */

var id = "tname";

return commoninfo(reg, id);

}

/*驗證出生日期*/

function checkbirth())|((200\d)-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1]))|((201[0-6])-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1]))$/ig;

var id="birthday";

return commoninfo(reg, id);

}

/*驗證身份證*/

function checkbirth()[1-9]\d((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d([0-9]|x)$/;

var id="birthday";

return commoninfo(reg, id);

}

/* 驗證電子郵箱 */

function checkemail() )$/ig;

var id = "email";

return commoninfo(reg, id);

}

/* 驗證手機號 */

function checkphone() $/ig;/* 這個比較簡單,不說了 */

var id = "phone";

return commoninfo(reg, id);

}

/* 提取公共的文字類表單項驗證 */

function commoninfo(reg, id) else else

}}

其中還有check驗證碼,獲取驗證碼,提交按鈕是否可用的判斷,兩次密碼輸入一致的判斷,跟在後面,但是跟主題無關了,可以跳過;

附:其餘表單功能補充:

/* 獲得驗證碼 */

function getcode()

/* 校驗驗證碼 */

function checkcode() else else }}

/* 驗證愛好的選擇 */

function checkhobby()

} if (count >= 2) else

}/* 驗證兩次密碼是否一致 */

function checksame() $/ig;/* 必須是數字,位數為6位 */

var inputtext = document.getelementbyid("confirmpassword");

var inputvalue = inputtext.value;

var inputalt = inputtext.alt;

var inputspan = document.getelementbyid("confirmpasswordspan");

var first = document.getelementbyid("eu_password").value;

if (inputvalue == null || inputvalue.length == 0) else else else

} }}/* 驗證是否可以提交 */

function checksubmit()

以下為html**:

表單驗證常用正規表示式

1 使用者名稱正則 使用者名稱正則,4到16位 字母,數字,下劃線,減號 var upattern a za z0 9 輸出 true console.log upattern.test ifat3 2 密碼強度正則 密碼強度正則,最少6位,包括至少1個大寫字母,1個小寫字母,1個數字,1個特殊字元...

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

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