天天看點

登入驗證正規表達式

正規表達式

       關于登入驗證是一個比較常用的問題,對于像我一樣的初學者來說,正規表達式複雜的格式很難搞清楚,今天就來簡答的總結一下正規表達式。

      我們來看一個簡單的例子。

<!DOCTYPE HTML>

<html>

<body>

<form>

文本驗證:<input type="text" name="check_text" pattern="[A-z]{6}"/>

<input type="submit" />

</form>

</body>

</html>

在input标簽中聲明pattern屬性即可使用正規表達式了。這是html5的新特性,之前的話可以使用javascript驗證。[A-z]表示隻能是26個英文字母的大小寫,{6}表示隻能是6位的。

下面看一下常用的正規表達式:

常用元字元

1. \w 比對字母或數字或下劃線

2.\s 比對任意的空白符

3.\d 比對數字

4.^ 比對字元串的開始

5.$ 比對字元串的結束

常用限定符

1.* 重複零次或者更多次

2.+ 重複一次或者更多次

3.? 重複零次或者一次

4.{n} 重複n次

5.{n,} 重複n次或者更過次

6.{n,m} 重複n-m次

常用反義詞

1.\W 比對除了字母,數字,下劃線,漢字的字元

2.\S 比對除了空白符的字元

3.\D 比對除了數字的字元

4.[^qwe] 比對除了qwe的任意字元

比如說我在input 密碼中驗證隻能輸入6-16位的字母,數字或者下劃線。

代碼:

<input type="password" name="password" id="password"  placeholder="輸入您的登入密碼"  required pattern="\w{6,16}" />

繼續閱讀