您的位置：首页 > Web前端 > JavaScript

javascript注册表单

2015-11-07 17:10 489 查看

html部分：

<html>
<head>
<title>注册表单</title>
<script language="JavaScript" src="check.js"></script>
</head>
<body>
<form name="form1"  onsubmit="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" onblur="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();
}
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html javascript

相关文章推荐

新的分享

章节导航