<form action="">
<input type="text" pattern="^1[345678][0-9]{9}$"
// 对错误提示进行修改
oninvalid="setCustomValidity('请输入11位手机号')" />
<input type="submit">
</form>
通过点击提交按钮时,就会根据pattern的正则进行验证,不通过则会进行错误提示。如果不进行修改会有默认的错误提示。可通过oninvalid="setCustomValidity('请输入11位手机号')" />来进行设置对应的错误提示。
常用的正则表达式:
-
信用卡 [0-9]{13,16}
-
银联卡 ^62[0-5]\d{13,16}$
-
Visa: ^4[0-9]{12}(?:[0-9]{3})?$
-
万事达:^5[1-5][0-9]{14}$
-
QQ号码: [1-9][0-9]{4,14}
-
手机号码:^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$
-
身份证:^([0-9]){7,18}(x|X)?$
-
密码:^[a-zA-Z]\w{5,17}$ 字母开头,长度在6~18之间,只能包含字母、数字和下划线
-
强密码:^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$ 包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间
-
7个汉字或14个字符:^[\u4e00-\u9fa5]{1,7}$|^[\dA-Za-z_]{1,14}$
-
邮箱:^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$