正则表达式
关于登录验证是一个比较常用的问题,对于像我一样的初学者来说,正则表达式复杂的格式很难搞清楚,今天就来简答的总结一下正则表达式。
我们来看一个简单的例子。
<!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}" />