html中<input>的pattern属性
来源:互联网 发布:图知科技 编辑:程序博客网 时间:2024/06/05 05:29
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
就顺便记下来
阅读全文
0 0
- html中<input>的pattern属性
- input的pattern属性问题
- html中input标签的tabindex属性
- html标签input中id和name属性的区别
- html中input只读属性readonly 和 disable的区别
- HTML中input标签maxlength属性的妙处
- html中input只读属性readonly 和 disable的区别
- HTML的input中type属性的属性值包括哪些
- HTML的input的基本属性
- html的input 标签自定义属性
- HTML <input> 标签的 type 属性
- html中的input标签的checked属性
- HTML <input> 标签的 type 属性
- HTML <input> 标签的 readonly 属性
- html 5 input标签的属性
- 动态修改html input标签的属性
- HTML <input> 标签的 readonly 属性
- HTML <input> 标签的 disabled 属性
- 树的表现形式
- HDU-2012(素数判定)
- 今日头条实现3秒切换文字信息(HttpConnection请求),再用HttpClient请求数据展示在ListView上
- Java面向对象四大特性之封装
- Bear and Three Musketeers CodeForces
- html中<input>的pattern属性
- Java语言中单例模式的四种写法
- linux常用命令
- 虚拟机解析
- Percona Server 5.7 并行doublewrite 特性
- Ubuntu14.04安装Eclipse步骤及问题解决总结
- [BZOJ3107][CQOI2013]二进制a+b(DP)
- 简单的密码输入三次错误模拟登陆
- 获取网络状态以及Fragment的隐藏和显示使用