javascript注册表单

最新推荐文章于 2024-04-30 07:44:17 发布

尚振伟

最新推荐文章于 2024-04-30 07:44:17 发布

阅读量1.9k

点赞数 8

分类专栏： Javascript 文章标签： html javascript

本文链接：https://blog.csdn.net/u012369373/article/details/49703507

版权

Javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

html部分：

<html>
<head>
<title>注册表单</title>
<script language="JavaScript" src="check.js"></script>
</head>
<body>
<form name="form1"  οnsubmit="return checkreg()" method="post" action="success.html"  >
  <table width="372" height="89" border="1" cellpadding="1" cellspacing="0" bordercolor="#0000FF" align="center">
    <tr>
      <td width="127" height="32">用户名:</td>
      <td width="122"><label>
      <input type="text" name="username" id="User"/>
      </label>
    </tr>
    <tr>
      <td height="27">密码:</td>
      <td height="27" colspan="2"><input type="password" name="pass" id="Pwd"></td>
    </tr>
    <tr>
      <td height="27">确认密码:</td>
      <td height="27" colspan="2"><input type="password" name="passagain" id="Pwdagain"></td>
    </tr>
    <tr>
      <td height="27">QQ:</td>
      <td height="27" colspan="2"><input type="text" name="qq" id="Qq" οnblur="Isval(Qq,'QQ')"></td>
    </tr>
    <tr>
      <td height="27">E-mail:</td>
      <td height="27" colspan="2"><input type="text" name="email" id="Email"></td>
    </tr><br><br><br>
	<tr>
	  <td colspan="2" align="center">
	  <input type="submit" name="Submit" value="提交" >    
	  <input type="reset" name="Reset" value="重置" /> 
	  </td>
	</tr> 
</table>
</form>
</body>
</html>

<html>
    <head>
	</head>
	<body>
	     <span>恭喜你，注册成功。</span>
	</body>
</html>

JavaScript部分：

 function checkreg()
  {
	if (document.form1.User.value=="")
   {
    alert("请输入您的手机号!");
    form1.User.focus();
    return false;
   }
    if (document.form1.User.value.length<11)
   {
    alert("手机号输入不足十一位!");
    form1.User.focus();
    return false;
   }
    if (document.form1.User.value.length>11)
   {
    alert("手机号输入超过十一位!");
    form1.User.focus();
    return false;
   }
    if (document.form1.Pwd.value=="")
   {
    alert("请输入密码!");
    form1.Pwd.focus();
    return false;
   }
    if (document.form1.Pwd.value.length<6 || document.form1.Pwd.value.length>15)
   {
    alert("密码长度限制在6-15位!");
    form1.Pwd.focus();
    return false;
   }
   /*if (document.form1.Pwd.pattern!="[A-Za-z0-9]+{6,15}$")
   {
    alert("请输入大写字母!");
    form1.Pwd.focus();
    return false;
   }*/
    if(document.form1.Pwd.value!=document.form1.Pwdagain.value)
   {
    alert("两次输入的密码不同!")
    form1.Pwd.focus();
    return false;
   }
    if (document.form1.Qq.value=="")
   {
    alert("请输入您的QQ号码!");
    form1.Qq.focus();
    return false;
   }
   if (document.form1.Qq.value.length>10 || document.form1.Qq.value.length<6)
   {
    alert("QQ长度应该在4-10位之间!");
    form1.Qq.focus();
    return false;
   }
    if (document.form1.Email.value=="")
   {
    alert("请输入您的Email地址!");
    form1.Email.focus();
    return false;
   }
      var myRegex = /@.*\.[a-z]{2,6}/;
      var email = form1.Email.value;
      email = email.replace(/^ | $/g,"");
      email = email.replace(/^\.*|\.*$/g,"");
      email = email.toLowerCase();
       
    //验证电子邮件的有效性
    if (email == "" || !myRegex.test(email))
    {
        alert ("请输入有效的E-MAIL!");
        form1.Email.focus();
        return false;
    }
        return true;
  }
    function Isval(val,name)
    {
      if (val.value!='' && (isNaN(val.value) || val.value==0))
     {
      alert(name+"应填数字！");
       val.value="";
       val.focus();
     }
 }