登录验证正则表达式

正则表达式

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

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

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




猜你喜欢

转载自blog.csdn.net/csdn_haow/article/details/52911482
今日推荐