html中<input>的pattern属性

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}$

  • 身份证:^([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}$


例如:

只能包含三个字母的文本字段(数字或特殊字符):

  <input type="text" name="country_code" pattern="[A-z]{3}"
  title="Three letter country code" />




在搜索过程中还看到了这篇:
Java学习笔记之Pattern类的用法详解(正则表达式)
http://www.cnblogs.com/Lowp/archive/2012/09/22/2698574.html
就顺便记下来

猜你喜欢

转载自blog.csdn.net/Jessy_Tien/article/details/78451808
今日推荐