html中提交表单用什么属性html5中的pattern属性(表单验证input)
pattern⽤于验证表单输⼊的内容,通常HTML5的type属性,⽐如email、tel、number、data类、url等,已经⾃带了简单的数据格式验证功能了,加上pattern后,前端部分的验证更加简单⾼效了。
pattern的属性值要⽤正则表达式。
常⽤的正则表达式:
信⽤卡  [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}$ (更简单的 ^1[0-9]{10}$ )
⾝份证:^([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}$
举个例⼦:
只能包含11个数字的⽂本字段(亲测有效):
<input type="text" value="" placeholder="请填写您的电话 *" title="⼿机号格式不正确" pattern="^1[0-9]{10}$" required="">

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。