js表单验证,求指导 javascript表单 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <title>用户注册</title> <link href="login.css" type="text/css" rel="stylesheet"/> <script language="JavaScript" type="text/javascript"> function Check() { if(!checkUserName()){return false;} else if(!checkPassword()){return false;} else if(!checkRePsaaword()){return false;} else if(!checkNickName()){return false;} else if(!checkEmail()){return false;} else if(!checkAnswer()){return false;} return true; } function checkUserName() { var name=document.getElementById("name").value; if(name=="") { alert("用户名不能为空,请输入用户名"); return false; } for(var i=0;i<name.length;i++) { var temp=name.charAt(i); if(!(temp<=9&&temp>=0)&&!(temp>='a'&&temp<='z')&&!(temp>='A'&&temp<='Z')) { alert("用户名必须是有数字字母组成(可全数字也可全字母)"); return false; } } return true; } function checkPassword() { var password=document.getElementById("pwd").value; if(password==null||""==password.replace(/(^\s*)|(\s*$)/g, "")) { alert("密码不能为空,请输入密码"); return false; } for(var i=0;i<password.length;i++) { var temp=name.charAt(i); if(!(temp<=9&&temp>=0)&&!(temp>='a'&&temp<='z')&&!(temp>='A'&&temp<='Z')) { alert("密码必须是有数字字母组成(可全数字也可全字母)"); return false; } } return true; } function checkRePsaaword() { var repassword=document.getElementById("rpwd").value; var password=document.getElementById("pwd").value; if(repassword==null||""==repassword.replace(/(^\s*)|(\s*$)/g, "")) { alert("请再次输入密码") return false; } if(password!=repassword) { alert("两次输入的密码不同,请重新输入"); return false; } return true; } function checkNickName() { var nickname=document.getElementById("nick").value; if(nickname==null||""==nickname.replace(/(^\s*)|(\s*$)/g, "")) { alert("请次输入昵称"); return false; } if(nickname.length<0||nickname.length>=20) { alert("昵称长度超过限制,请重新输入"); return false; } return true; } function checkEmail() { var email=document.getElementById("Email").value; if(email==null||""==email.replace(/(^\s*)|(\s*$)/g, "")) { alert("请输入邮箱"); return false; } //var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; var strReg=/^\w+((-\w+)|(\.\w+))*\@{1}\w+\.{1}\w{2,4}(\.{0,1}\w{2}){0,1}/ig; var r=email.search(strReg); if(r==-1) { alert("邮箱格式错误!"); return false; } return true; } function checkAnswer() { var answer=document.getElementById("awr").value; if(answer==null||""==answer.replace(/(^\s*)|(\s*$)/g, "")) { alert("请输入密码保护问题"); return false; } if(answer.length>=20) { alert("密码保护问题的长度超过限制,请重新输入"); return false; } return true; }</script></head><body><form id="Form1" action="register.action" onsubmit="return Check()" method="post"><div style="width:100%;"> <div align="center"> <div id="Main"> <div id="Heading">注册 </div> <label class="MyLabel">帐号</label> <div class="line"> <input name="username" id="name" class="Testbox" type="text" onblur="checkUserName()"/> </div> <label class="MyLabel">密码</label> <div class="line"> <input name="password" id="pwd" class="Textbox" type="password" onblur="checkPassword()"/> </div> <label class="MyLabel">确认密码</label> <div class="line"> <input name="repassword" id="rpwd" class="Textbox" type="password" onblur="checkRePsaaword()"/> </div> <label class="MyLabel">昵称</label> <div class="line"> <input name="nickname" id="nick" class="Textbox" type="text" onblur="checkNickName()"/> </div> <label class="MyLabel">邮箱</label> <div class="line"> <input name="email" id="Email" class="Textbox" type="text" onblur="checkEmail()"/> </div> <label class="MyLabel">密码保护问题</label> <div class="line"> <select name="question" class="selects"> <option value="你的生日">你的生日</option> <option value="你的家乡">你的家乡</option> <option value="你最喜欢的食物">你最喜欢的食物</option> </select> </div> <label class="MyLabel">密码保护的答案</label> <div class="line"> <input name="answer" id="awr" class="Textbox" type="text" onblur="checkAnswer()"/> </div> <div> <input name="btnLogin" value="注册" id="btnLogin" class="Button" style="margin-top: 8px" type="submit"/> </div> <div style="line-height:1.8em;margin-top:10px;"> » <a href="login.jsp" title="登陆"><b>立即登陆</b></a> </div> <div style="clear: both"></div> </div> </div></div></form></body></html>细心点就好了 JS数组移除元素 怎样获取新浪微博首页上的热门话题 请教:IE7关闭浏览器或者选项卡,将当前的时间写入数据库 关于匿名函数和闭包的讨论 js文本编辑器 学习JQuery遇见的问题~~~~~~~~~~帮忙解决一下 救命!!! 在本机可以正确执行,怎么上传到网上就触发不了啊!(关于处理ie关闭时的问题) 關於動態設定datasrc難道真的無解! 怎么从一个选择窗口选值返回到父窗口的<input>中? 请问在javascript脚本中如何创建自己的对象,并为之设置属性和方法?(100分) 怎样直接进入各自的CSDN?不用输入用户名和密码。 哪位能说一下this作为方法参数的用法?
<html>
<head>
<title>用户注册</title>
<link href="login.css" type="text/css" rel="stylesheet"/>
<script language="JavaScript" type="text/javascript">
function Check()
{
if(!checkUserName()){return false;}
else if(!checkPassword()){return false;}
else if(!checkRePsaaword()){return false;}
else if(!checkNickName()){return false;}
else if(!checkEmail()){return false;}
else if(!checkAnswer()){return false;}
return true;
}
function checkUserName()
{
var name=document.getElementById("name").value;
if(name=="")
{
alert("用户名不能为空,请输入用户名");
return false;
}
for(var i=0;i<name.length;i++)
{
var temp=name.charAt(i);
if(!(temp<=9&&temp>=0)&&!(temp>='a'&&temp<='z')&&!(temp>='A'&&temp<='Z'))
{
alert("用户名必须是有数字字母组成(可全数字也可全字母)");
return false;
}
}
return true;
}
function checkPassword()
{
var password=document.getElementById("pwd").value;
if(password==null||""==password.replace(/(^\s*)|(\s*$)/g, ""))
{
alert("密码不能为空,请输入密码");
return false;
}
for(var i=0;i<password.length;i++)
{
var temp=name.charAt(i);
if(!(temp<=9&&temp>=0)&&!(temp>='a'&&temp<='z')&&!(temp>='A'&&temp<='Z'))
{
alert("密码必须是有数字字母组成(可全数字也可全字母)");
return false;
}
}
return true;
}
function checkRePsaaword()
{
var repassword=document.getElementById("rpwd").value;
var password=document.getElementById("pwd").value;
if(repassword==null||""==repassword.replace(/(^\s*)|(\s*$)/g, ""))
{
alert("请再次输入密码")
return false;
}
if(password!=repassword)
{
alert("两次输入的密码不同,请重新输入");
return false;
}
return true;
}
function checkNickName()
{
var nickname=document.getElementById("nick").value;
if(nickname==null||""==nickname.replace(/(^\s*)|(\s*$)/g, ""))
{
alert("请次输入昵称");
return false;
}
if(nickname.length<0||nickname.length>=20)
{
alert("昵称长度超过限制,请重新输入");
return false;
}
return true;
}
function checkEmail()
{
var email=document.getElementById("Email").value;
if(email==null||""==email.replace(/(^\s*)|(\s*$)/g, ""))
{
alert("请输入邮箱");
return false;
}
//var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
var strReg=/^\w+((-\w+)|(\.\w+))*\@{1}\w+\.{1}\w{2,4}(\.{0,1}\w{2}){0,1}/ig;
var r=email.search(strReg);
if(r==-1) {
alert("邮箱格式错误!");
return false;
}
return true;
}
function checkAnswer()
{
var answer=document.getElementById("awr").value;
if(answer==null||""==answer.replace(/(^\s*)|(\s*$)/g, ""))
{
alert("请输入密码保护问题");
return false;
}
if(answer.length>=20)
{
alert("密码保护问题的长度超过限制,请重新输入");
return false;
}
return true;
}
</script>
</head>
<body>
<form id="Form1" action="register.action" onsubmit="return Check()" method="post">
<div style="width:100%;">
<div align="center">
<div id="Main">
<div id="Heading">注册 </div>
<label class="MyLabel">帐号</label>
<div class="line">
<input name="username" id="name" class="Testbox" type="text" onblur="checkUserName()"/>
</div>
<label class="MyLabel">密码</label>
<div class="line">
<input name="password" id="pwd" class="Textbox" type="password" onblur="checkPassword()"/>
</div>
<label class="MyLabel">确认密码</label>
<div class="line">
<input name="repassword" id="rpwd" class="Textbox" type="password" onblur="checkRePsaaword()"/>
</div>
<label class="MyLabel">昵称</label>
<div class="line">
<input name="nickname" id="nick" class="Textbox" type="text" onblur="checkNickName()"/>
</div>
<label class="MyLabel">邮箱</label>
<div class="line">
<input name="email" id="Email" class="Textbox" type="text" onblur="checkEmail()"/>
</div>
<label class="MyLabel">密码保护问题</label>
<div class="line">
<select name="question" class="selects">
<option value="你的生日">你的生日</option>
<option value="你的家乡">你的家乡</option>
<option value="你最喜欢的食物">你最喜欢的食物</option>
</select>
</div>
<label class="MyLabel">密码保护的答案</label>
<div class="line">
<input name="answer" id="awr" class="Textbox" type="text" onblur="checkAnswer()"/>
</div>
<div>
<input name="btnLogin" value="注册" id="btnLogin" class="Button" style="margin-top: 8px" type="submit"/>
</div>
<div style="line-height:1.8em;margin-top:10px;">
» <a href="login.jsp" title="登陆"><b>立即登陆</b></a>
</div>
<div style="clear: both"></div>
</div>
</div>
</div>
</form>
</body>
</html>
细心点就好了