首先要实现验证,就离不开正则表达式,在实际的开发中正则表达式都是可以在百度上找的到,所有不需要太刻意记,但要知道js中的正则表达式对如何创建和使用
创建:var 变量名=/正则表达式子/ var 变量名=new RegExp(正则表达式子,falg)
使用:变量.test(用户填写的数据)
案例:邮箱验证
<!DOCTYPE html>
<html>
<head>
<title>正则表达式</title>
</head>
<body>
<script type="text/javascript">
//正则表达式.test(用户的字符创)
//验证邮箱格式
window.onload=function(){
//绑点事件
document.getElementById("button").onclick=function(){
//获取邮箱值
var email=document.getElementById("email").value;
//验证
var emailRegExp=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
if(emailRegExp.test(email)) {
alert("wellcom"+email);
}else{
document.getElementById("emailError").innerHTML="<font color='red'>格式不对!</font>"
}
//清楚多余的提示
document.getElementById("email").onfocus=function(){
document.getElementById("emailError").innerHTML="";
}
}
}
</script>
<input type="text" id="email">
<input type="button" value="验证邮箱" id=button><p>
<span id=emailError></span>
</body>
</html>
运行结果
版权声明:本文为qq_53909398原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。