js-RegExp正则运算
1.什么是RegExp?
正则表达式,利用一些约束检索文本。例如:注册账号时的密码不能全字母和数字还要有特殊字符。
2.正则表达式语法
2.1 创建对象法
var 对象名 = new RegExp("正则表达式","匹配模式");
匹配模式的参数:
i | 执行对大小写不敏感的匹配。 |
g | 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 |
m | 执行多行匹配。 |
2.2 使用字面量创建正则表达式
2.3方括号的其他几种表示
表达式 | 描述 |
---|---|
[abc] | 查找方括号之间的任何字符。 |
[^abc] | 查找任何不在方括号之间的字符。 |
[0-9] | 查找任何从 0 至 9 的数字。 |
[a-z] | 查找任何从小写 a 到小写 z 的字符。 |
[A-Z] | 查找任何从大写 A 到大写 Z 的字符。 |
[A-z] | 查找任何从大写 A 到小写 z 的字符。 |
[adgk] | 查找给定集合内的任何字符。 |
[^adgk] | 查找给定集合外的任何字符。 |
(red|blue|green) | 查找任何指定的选项。 |
2.4 量词的和使用
量词 | 描述 |
---|---|
n+ | 匹配任何包含至少一个 n 的字符串。 |
n* | 匹配任何包含零个或多个 n 的字符串。 |
n? | 匹配任何包含零个或一个 n 的字符串。 |
n{X} | 匹配包含 X 个 n 的序列的字符串。 |
n{X,Y} | 匹配包含 X 至 Y 个 n 的序列的字符串。 |
n{X,} | 匹配包含至少 X 个 n 的序列的字符串。 |
n$ | 匹配任何结尾为 n 的字符串。 |
^n | 匹配任何开头为 n 的字符串。 |
?=n | 匹配任何其后紧接指定字符串 n 的字符串。 |
?!n | 匹配任何其后没有紧接指定字符串 n 的字符串。 |
==>false
2.5拥有特殊意义的元字符
元字符 | 描述 |
---|---|
. | 查找单个字符,除了换行和行结束符。 |
\w | 查找单词字符。 |
\W | 查找非单词字符。 |
\d | 查找数字。 |
\D | 查找非数字字符。 |
\s | 查找空白字符。 |
\S | 查找非空白字符。 |
\b | 匹配单词边界。 |
\B | 匹配非单词边界。 |
\0 | 查找 NUL 字符。 |
\n | 查找换行符。 |
\f | 查找换页符。 |
\r | 查找回车符。 |
\t | 查找制表符。 |
\v | 查找垂直制表符。 |
\xxx | 查找以八进制数 xxx 规定的字符。 |
\xdd | 查找以十六进制数 dd 规定的字符。 |
\uxxxx | 查找以十六进制数 xxxx 规定的 Unicode 字符。 |
例如: .可以代表任意一个字符,除了换行符和结束符。
3.正则表达式例子
使用typeof检测正则对象,会返回object型。
a.test(b) : 检验b中是否含有a。
3.1用正则表达式检验字符串中是否含有a或b;
==>true
3.2用正则表达式检验字符串是否含有字母.
==>true
3.3用正则表达式检验字符串是否含有 abc adc aec
==>true
4.正则表达式的String对象的几种常用方法
4.1 split()将字符串分为字符串数组
4.2 search() 将字符串看作数组进行关键字检索,如果检索不到则会返回 -1 ,跟indexOf相同(第一次索引出现的位置)。
4.3 match() 在字符串内检索指定的值,找到一个或多个正则表达式的匹配。
4.4 replace(被替换的内容,"新的内容");
==>201650
去掉用户名前后的空格
5.邮箱地址的正则运算
//验证逻辑:
// 字母数字 - _ . @ 字母 数字 . - 最后一个.(两个点之间不能挨着)任意字母2-6
// 最后一个点(.)之后必须有内容且内容只能是字母(大小写)、数字且长度为大于等于2个字节,小于等于6个字节
<!DOCTYPE html>
<html><head>
<title></title>
<script type="text/javascript">
//验证[email protected]
function checkEmail(email){
var limit = /[A-z0-9-_.]@[A-z0-9]+(\.[A-z]{2,6}){1,2}/;
if(limit.test(email)){
alert(true);
}
else{
alert(false);
}
}
</script>
</head>
<body>
Email:<input type="text" id="ema" value="请正确输入你的邮箱地址"style="width:300px;height:25px">
<input type="button"value="check"onclick="checkEmail(getElementById('ema').value);">
</body>
</html>
成功啦,部分未实现功能可以填补哦。