1.什么是正则表达式
正则表达式是一个描述字符模式的对象
2.定义正则表达式
普通方式:var reg=/表达式/附加参数
构造函数:var reg=new RegExp(“表达式”,“附加参数”)
3.表达式的模式
简单模式
var reg=/china/;
var reg=/abc8/;
复合模式
var reg=/^\w+KaTeX parse error: Undefined control sequence: \w at position 14: /; var reg=/^\̲w̲+@\w+.[a-zA-Z]{…/;
4.案例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>正则表达式</title>
</head>
<body>
<form action="index3.html" onsubmit="return f()">
<div >
<label>账号:<input type="text" id="sa" onkeyup="fa()"/>
<span id="ssa" style="color: #FF0000;" ></span>
</label>
</div>
<div>
<label><button type="submit">注册</button></label>
<label><button type="reset">重置</button></label>
</div>
</form>
</body>
<script type="text/javascript">
/* 获取并返回 */
function $(id){
/* 返回编号 */
return document.getElementById(id);
}
/* 判断账户只能输入数字并6位数字 */
function fa(){
/* 获取账号编号 */
var name=$("sa").value;
/* 定义正则表达式 */
var reg=/^[0-9]{6}$/;
/* 开始判断 */
if(!reg.test(name)){
/* 给span赋值 */
$("ssa").innerHTML="账户输入有误";
return false;
}else{/* 输入正确 */
$("ssa").innerHTML="";
return true;
}
}
/* 总方法*/
function f(){
if(!fa()){
return false;
}else{
return true;
}
}
</script>
</html>