天天看点

登录验证正则表达式

正则表达式

       关于登录验证是一个比较常用的问题,对于像我一样的初学者来说,正则表达式复杂的格式很难搞清楚,今天就来简答的总结一下正则表达式。

      我们来看一个简单的例子。

<!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}" />

继续阅读