正则表达式、表单验证

2.1 通配符

匹配符

说明

\b

匹配单词边界

\d

匹配单个数字字符[0-9]

\f

匹配单个换页符

\n

匹配单个换行符

\r

匹配单个回车符

\s

匹配任何空白符,包括空格、制表符、换页符等[\f\n\r\t\v]

\t

匹配单个制表符

\v

匹配单个垂直制表符

\w

匹配包含下划线的任意单词字符[0-9a-zA-Z_]

匹配符

说明

^$

匹配字符串的开始和结束位置

*

匹配前面的子表达式0-多次

+

匹配前面的子表达式1-多次

?

匹配前面的子表达式0-1次

{n,m}

匹配前面的子表达式n-m次

.

匹配除“\n”之外的任意字符

(x|y)

匹配x或y

[]

匹配所包含的任意一个字符

[^]

匹配非包含的任意一个字符

[-]

匹配指定范围内的任意一个字符

2.2 正则对象

2.2.1 创建对象
  • 使用正则标识字符串

var reg = /pattern/[flags]

  • 使用内置正则表达式对象

var reg = new RegExp("pattern",["flags"])

pattern表示要使用的正则表达式模式,也就是由的特殊字符或普通字符所组成的表达式。
flags标志位,可选项,有g(全文查找)、i(忽略大小写)、m(多行查找)三种。
2.2.2 常用函数
  • compile()

把正则表达式编译为内部格式,从而执行更快使用新正则去替换旧正则,主要用于提升比较复杂和耗时的处理过程的性能,一般情况下很少使用。

  • exec()

用正则表达式在字符串中查找,并返回包含结果的一个数组。 不仅用于判断给定的字符串是否匹配,而且会返回匹配结果的详细信息。

  • test()

返回一个bool值,它指出被查找的字符串是否匹配给定的模式。使用频繁,主要用于匹配测试。匹配成功返回true,否则返回false。

3 表单验证

3.1 原生(H5)验证

<inputtype="email"><!--email tell color date-->

<inputtype="text"required>

<inputtype="text"pattern="[0-9]{16}">

<inputtype="text"minLength="6"maxLength="12">

<inputtype="range"min="18"max="65">

<inputtype="range"min="100"max="10000"step="100">

3.2 正则验证

varreg=/\d{3,4}[-]\d{7,8}/;

//返回true

reg.test('0370-1234567');

//返回0370-1234567

reg.exec('0370-1234567');

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值