javascript验证

最新推荐文章于 2021-09-26 11:19:34 发布

wangbo910927

最新推荐文章于 2021-09-26 11:19:34 发布

阅读量223

点赞数

分类专栏：前端

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<script type="text/javascript">
function checkUser(userNode){
var name=userNode.value;
var namereg=new RegExp("^[a-zA-Z0-9_]{3,16}$");
var spanNode=document.getElementById("userspan");
if(name.match(namereg))
spanNode.innerHTML="用户名正确".fontcolor("green");
else spanNode.innerHTML="用户名错误".fontcolor("red");
}

var pp;
function checkPsw(pswNode){
var name=pswNode.value;
pp=name;
var namereg=new RegExp("^[A-Za-z]+[0-9]+[A-Za-z0-9]*|[0-9]+[A-Za-z]+[A-Za-z0-9]*$");
var spanNode=document.getElementById("pswspan");
if(name.match(namereg))
spanNode.innerHTML="密码正确".fontcolor("green");
else spanNode.innerHTML="密码错误".fontcolor("red");
}

function checkRepsw(rpwsNode){
var name=rpwsNode.value;
var spanNode=document.getElementById("repsw");
if(name==pp)
spanNode.innerHTML="密码正确".fontcolor("green");
else spanNode.innerHTML="密码错误".fontcolor("red");
}

function checkMail(mailNode){
var mail=mailNode.value;
var mailreg=/^\w+@\w+(\.\w)+$/i;
var spanNode=document.getElementById("mailspan");
if(mailreg.test(mail))
spanNode.innerHTML="邮箱正确".fontcolor("green");
else spanNode.innerHTML="邮箱错误".fontcolor("red");
}
function checkForm(){
event.returnValue=false;
}
</script>

</head>

<body>
<form action="http:127.0.0.1" οnsubmit="checkForm()">
用户名称:<input type="text" name="user" οnblur="checkUser(this)"/>
<span id="userspan"></span><br />
输入密码:<input type="text" name="psw" οnblur="checkPsw(this)" />
<span id="pswspan"></span><br />
确认密码:<input type="text" name="repsw" οnblur="checkRepsw(this)" />
<span id="repsw"></span><br />
邮件地址:<input type="text" name="mail" οnblur="checkMail(this)" />
<span id="mailspan"></span><br />

<input type="submit" name="提交数据" />

</form>

</body>
</html>