简单注册页面的javascript验证代码

最新推荐文章于 2026-07-23 16:04:13 发布

转载最新推荐文章于 2026-07-23 16:04:13 发布 · 2.1k 阅读

本文提供了一个简单的用户注册页面的JavaScript验证代码实例。该代码能够验证用户名、密码、电子邮件地址、电话号码及手机号码等字段的有效性。对于密码，不仅要求用户输入且二次确认，还规定了密码长度必须在6到11位之间；对于电子邮件，使用正则表达式确保格式正确。

简单注册页面的javascript验证代码

<script language="javascript">

function check()
{
if (document.form1.username.value.length==0) {
alert("请输入用户名");

    return false;
   }
if(document.form1.pwd1.value.length==0)
     {alert("请输入密码！");return false;
     }
    if(document.form1.pwd1.value.length<6||document.form1.pwd1.value.length>11)
     {alert("密码位数大于6小于11！");return false;
     }
   if(document.form1.pwd2.value.length==0)
    {alert("请再次输入密码！");return false;
     }
    if(document.form1.pwd1.value!=document.form1.pwd2.value)
    {alert("两次次输入密码不一致！");return false;
     }

if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(document.form1.email.value))

    {alert("邮箱格式不正确！");
    return false;
     }

    if(!/^(([0\+]\d{2,3}-)?(0\d{2,3}))?(\d{7,8})(-(\d{3,}))?$/.test(document.form1.phone.value))
      {alert("电话号码不正确！");
    return false;
     }
     if(!/^(((1[0-9]{1}[0-9]{1}))+\d{8})$/.test(document.form1.mobile.value))
      {alert("手机号码不正确！");
    return false;
     }
return true;
}
</script>
<body>

<form name="form1" onSubmit="return check();">
<table border=1 cellspacing=0 bordercolordark=white align=center >
   <tr ><td colspan="3" align=center >用户注册界面</td></tr>
   <tr><td>用户名：</td><td><input type=text name="username" > </td><td>*</td></tr>
   <tr><td>密码：</td><td><input type="password" name=pwd1></td><td>*</td></tr>
   <tr><td>确认密码：</td><td><input type="password" name=pwd2></td><td>*</td></tr>
   <tr><td>邮箱：</td><td><input type="text" name=email></td><td>*</td></tr>
   <tr><td>电话号码：</td><td><input type="text" name=phone></td><td>*</td></tr>
    <tr><td>手机号码：</td><td><input type="text" name=mobile></td><td>*</td></tr>
   <tr ><td colspan="3" >&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<input type="submit" value="提交" > </td></tr>
</form>