模仿网络注册，客户端自校验

最新推荐文章于 2022-05-01 21:26:24 发布

hongtengfei523

最新推荐文章于 2022-05-01 21:26:24 发布

阅读量496

点赞数

分类专栏： javascript 文章标签： javascript 客户端校验注册 web

本文链接：https://blog.csdn.net/hongtengfei523/article/details/48861821

版权

javascript 专栏收录该内容

4 篇文章 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 spanNode = document.getElementById("userid");
      var namereg = new RegExp("^[a-z]{5}$","i");
      if(name.match(namereg)){
       //alert("yes");
       spanNode.innerHTML="*用户名正确".fontcolor("green");
       return true;
      }else
      {
       //alert("no");
       spanNode.innerHTML="*用户名不正确，必须由5位字母组成，请重新输入。".fontcolor("red");
       return false;
      }
}
function checkPsw(pswNode){

   var psw = pswNode.value;
   //alert(psw)
   var spanNode = document.getElementById("pswid");
   //alert(spanNode.nodeName)

   var pswreg = new RegExp("^[A-z,0-9,_]{8,}$");
   if(psw.match(pswreg)){
       spanNode.innerHTML="*密码正确".fontcolor("green");
       return true;
   }else{
       spanNode.innerHTML="*密码不正确，密码必须由字母、数字、下划线其中一种或多种组成，且不能少于8位".fontcolor("red");
       return false;
   }
}

function checkRepsw(repswNode){
   var repsw = repswNode.value;
   var pswNode =document.getElementsByName("psw")[0];
   var psw = pswNode.value;
   //alert(psw);
   var spanNode = document.getElementById("repswid");
   if(repsw==psw){
       spanNode.innerHTML="*两次密码一致".fontcolor("green");
       return true;

   }else{
       spanNode.innerHTML="*两次密码不一致，请重新填写".fontcolor("red");
       return false;

   }
}
function checkMail(mailNode){
   var x = 0;
   var mail = mailNode.value;
   //alert(psw)
   var spanNode = document.getElementById("mailid");
   var mailreg = new RegExp("[\\w]+@[\\w]+\\.[\\w]+");
   if(mail.match(mailreg)){
       spanNode.innerHTML="*邮箱格式正确".fontcolor("green");
       x = 1;
   }else{
       spanNode.innerHTML="*邮箱格式不正确".fontcolor("red");
   }
   return x;
}
function checkPhone(phoneNode){
   var phone = phoneNode.value;
   //alert(psw)
   var spanNode = document.getElementById("phoneid");
   var phonereg = new RegExp("^1{1}[0-9]{10}$");
   if(phone.match(phonereg)){
       spanNode.innerHTML="*手机号码格式正确".fontcolor("green");
       return true;
   }else{
       spanNode.innerHTML="*手机号码格式不正确".fontcolor("red");
       return false;
   }
}
function checkForm(){
   var form = document.forms[0];

   if(checkUser(form.username)&&checkPsw(form.psw)&&checkRepsw(form.repsw)&&checkMail(form.mail)&&checkPhone(form.phone)){
       event.returnValue=true;
   }else{
       event.returnValue=false;
   }

}

</script>
</head>

<body>
<form action="http://127.0.0.1:8001/src/添加附件.htm" οnsubmit="checkForm()">
   用户名称：<input type="text" name = "username" οnblur="checkUser(this)"/>
   <span id="userid"></span>
   <br/>
   用户密码：<input type="text" name = "psw" οnblur="checkPsw(this)"/>
    <span id="pswid"></span><br/>
   确认密码：<input type="text" name = "repsw" οnblur="checkRepsw(this)"/>
   <span id="repswid"></span><br/>
   邮箱地址：<input type="text" name = "mail" οnblur="checkMail(this)"/>
   <span id="mailid"></span><br/>
   联系电话：<input type="text" name = "phone" οnblur="checkPhone(this)"/>
   <span id="phoneid"></span><br/>
   <input type = "submit" value="注册" οnclick=""/>

</form>
</body>
</html>

hongtengfei523

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模仿网络注册，客户端自校验

无标题文档 function checkUser(userNode){ var name = userNode.value; var spanNode = document.getElementById("userid"); var namereg = new RegExp("^[a-z]{5}$","i");
复制链接

扫一扫