js内置对象 RegExp正则表达式:
先来说说正则表达式:对复杂字符串进行处理的,实质就是一种规则,实现了字符串和规则进行匹配,如果匹配成功,返回true。
正则表达式的规则:
表达式 | 描述 |
---|---|
[a-z] | 这个字符必须是小写字母 |
[abc] | 字符必须是abc |
[0-9] | 这个字符必须是数字 |
[a-zA-Z0-9] | 这个字符必须是字母或者是数字 |
[^a-z] | 这个字符不是小写字母 |
[\d] | 等同于[0-9] |
[\w] | 等同于[a-zA-Z_0-9] 字母、数字、下划线 |
[\D] | 等同于[^0-9] |
[\W] | 等同于[^a-zA-Z0-9_] |
. | 代表匹配任意字符, 若只是想代表普通数据. 需要使用转义字符来表示\. |
X* | X这个字符可以出现零次或者多次 [0-9]* 123123456 |
X? | X这个字符可以出现零次或者一次 [0-9]? 2 |
X+ | X这个字符可以出现一次或者多次 [0-9]+ 2 12345678 |
X{m} | X这个字符出现次数正好m次 [0-9]{4} 1234 1234567865432456 |
X{m, } | X这个字符出现次数至少m次 [0-9]{4, } 1234 12345678 |
X{m, n} | X这个字符出现次数至少m次,最多n次 [0-9]{3,5} 123 12345 12 1234567876534 |
(X)+ | ()括号代表X所表示的内容作为一组数据出现;()括号后面的+号,代表这组数据可以出现一次或者多次 (\.[a-z]+) + .com .cn .cn.cn.cn.cn.com.itsad |
^X | ^匹配开头 |
X$ | $匹配结尾 |
RegExp对象方法:
方法 | 描述 |
---|---|
test() | 检索字符串中指定的值。返回 true 或 false。 |
**代码:**简单实现表单用户名验证,其他的可以自己写。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
function fn(){
//获取用户名id
var username = document.getElementById("username");
//6-9位任意数字大小写字母和'_'组成的6-9位字符串
var nameTest = /^[0-9A-Z_a-z]{6,9}$/;
//判断输入的是否和正则表达式匹配
if(nameTest.test(username.value)){
return true;
}else{
//不对的话显示 友好提示
var userMsg = document.getElementById("userMsg");
userMsg.innerText = "请输入正确格式(6-9位)";
userMsg.style.color = "red";
return false;
}
}
</script>
</head>
<body>
<form action="#" method="get">
<table>
<tr>
<td>
用户名:
</td>
<td>
<input type="text" placeholder="请输入用户名" id="username" />
<span id="userMsg"></span>
</td>
<td><input type="submit" onclick="fn()"/> </td>
</tr>
</table>
</form>
</body>
</html>