<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册</title>
</head>
<script type="text/javascript">
var xmlHttp=false;
var username=true;
var password1=false;
var password2=false;
var emailcheck=false;
function createXMLHttpRequest()
{
if (window.ActiveXObject) //在IE浏览器中创建XMLHttpRequest对象
{
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(ee){
xmlHttp=false;
}
}
}
else if (window.XMLHttpRequest) //在非IE浏览器中创建XMLHttpRequest对象
{
try{
xmlHttp = new XMLHttpRequest();
}
catch(e){
xmlHttp=false;
}
}
}
function checkName()
{
createXMLHttpRequest(); //调用创建XMLHttpRequest对象的方法
xmlHttp.onreadystatechange=callback; //设置回调函数
var nameStr=form1.name.value;
var url="servlet/CheckName?name="+nameStr;
xmlHttp.open("post",url); //向服务器端发送请求
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=gb2312");
xmlHttp.send(null);
function callback()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var str = xmlHttp.responseText;
var nameText=document.getElementById("nameText");
if(nameStr.length>=4 && nameStr.length<=12)
{
if(str.length==2)
{
var message="<font color=\"#CC0000\"><b>*用户名已经存在,请另选一个注册!</b></font>";
nameText.innerHTML=message;
username=false;
}
else
{
var message="<font color=\"green\"><b>OK</b></font>";
nameText.innerHTML=message;
}
}
else
{
var message="<font color=\"#CC0000\"><b>字符控制在4-12之间!</b></font>";
nameText.innerHTML=message;
username=false;
}
}
}
}
}function checkPass1()
{
var pass1=form1.pass1.value;
var pass1Text=document.getElementById("pass1Text");
if(pass1.length>=20||pass1.length<=6)
{
var message="<font color=\"#CC0000\"><b>*密码长度不合法</b></font>";
pass1Text.innerHTML=message;
password1=false;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
pass1Text.innerHTML=message;
}
}function checkPass2()
{
var pass2Text=document.getElementById("pass2Text");
if(form1.pass1.value!=form1.pass2.value)
{
password2=false;
var message="<font color=\"#CC0000\"><b>*两次输入的密码不一致</b></font>";
pass2Text.innerHTML=message;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
pass2Text.innerHTML=message;
}
}
function checkEmail()
{
var emailText=document.getElementById("emailText");
var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.com)+/;
if(!pattern.test(form1.email.value))
{
var message="<font color=\"#CC0000\"><b>格式不正确,请检查!</b></font>";
emailText.innerHTML=message;
emailcheck=false;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
emailText.innerHTML=message;
};
}function checkAll()
{
if(username==false)
{
alert("输入有误,请检查更正!");
}
if(password1==false)
{
alter("输入有误,请检查更正!");
}
if(password2==false)
{
alter("输入有误,请检查更正!");
}
if(emailcheck==false)
{
alter("输入有误,请检查更正!");
}
if(form1.sex.value=="")
{
alter("输入有误,请检查更正!");
}
}
</script>
<body>
<form action="" name="form1" method="post" action="servlet/Regist">
<table width="500" cellspacing="30">
<tr align="center">
<td>
<font size="3">用户名: </font>
<input type="text" name="name" size="27" onchange="checkName()"/>
<div id="nameText"><font id="a" color="green">(请认真填写,此项不能为空)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">密 码: </font>
<input type="password" name="pass1" size="27" onchange="checkPass1()"/>
<div id="pass1Text"><font id="a" color="green">(请牢记密码,此项不能为空。)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">确认密码: </font>
<input name="pass2" size="27" type="password" onchange="checkPass2()"/>
<div id="pass2Text"><font id="a" color="green">(请再次输入密码,不能为空。)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">邮 箱: </font>
<input name="email" type="text" size="27" onchange="checkEmail()"/>
<div id="emailText"><font id="a" color="green">(请注意格式,如:[email protected])</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3"> 性 别:</font>
<input type="radio" name="sex" value="male"/><font size="3">男</font>
<input type="radio" name="sex" value="female"/><font size="3">女</font>
</td>
</tr>
<tr align="right">
<td>
<input type="submit" name="button" value="注册" onclick="checkAll()"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</body>
</html>
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册</title>
</head>
<script type="text/javascript">
var xmlHttp=false;
var username=true;
var password1=false;
var password2=false;
var emailcheck=false;
function createXMLHttpRequest()
{
if (window.ActiveXObject) //在IE浏览器中创建XMLHttpRequest对象
{
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(ee){
xmlHttp=false;
}
}
}
else if (window.XMLHttpRequest) //在非IE浏览器中创建XMLHttpRequest对象
{
try{
xmlHttp = new XMLHttpRequest();
}
catch(e){
xmlHttp=false;
}
}
}
function checkName()
{
createXMLHttpRequest(); //调用创建XMLHttpRequest对象的方法
xmlHttp.onreadystatechange=callback; //设置回调函数
var nameStr=form1.name.value;
var url="servlet/CheckName?name="+nameStr;
xmlHttp.open("post",url); //向服务器端发送请求
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=gb2312");
xmlHttp.send(null);
function callback()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var str = xmlHttp.responseText;
var nameText=document.getElementById("nameText");
if(nameStr.length>=4 && nameStr.length<=12)
{
if(str.length==2)
{
var message="<font color=\"#CC0000\"><b>*用户名已经存在,请另选一个注册!</b></font>";
nameText.innerHTML=message;
username=false;
}
else
{
var message="<font color=\"green\"><b>OK</b></font>";
nameText.innerHTML=message;
}
}
else
{
var message="<font color=\"#CC0000\"><b>字符控制在4-12之间!</b></font>";
nameText.innerHTML=message;
username=false;
}
}
}
}
}function checkPass1()
{
var pass1=form1.pass1.value;
var pass1Text=document.getElementById("pass1Text");
if(pass1.length>=20||pass1.length<=6)
{
var message="<font color=\"#CC0000\"><b>*密码长度不合法</b></font>";
pass1Text.innerHTML=message;
password1=false;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
pass1Text.innerHTML=message;
}
}function checkPass2()
{
var pass2Text=document.getElementById("pass2Text");
if(form1.pass1.value!=form1.pass2.value)
{
password2=false;
var message="<font color=\"#CC0000\"><b>*两次输入的密码不一致</b></font>";
pass2Text.innerHTML=message;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
pass2Text.innerHTML=message;
}
}
function checkEmail()
{
var emailText=document.getElementById("emailText");
var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.com)+/;
if(!pattern.test(form1.email.value))
{
var message="<font color=\"#CC0000\"><b>格式不正确,请检查!</b></font>";
emailText.innerHTML=message;
emailcheck=false;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
emailText.innerHTML=message;
};
}function checkAll()
{
if(username==false)
{
alert("输入有误,请检查更正!");
}
if(password1==false)
{
alter("输入有误,请检查更正!");
}
if(password2==false)
{
alter("输入有误,请检查更正!");
}
if(emailcheck==false)
{
alter("输入有误,请检查更正!");
}
if(form1.sex.value=="")
{
alter("输入有误,请检查更正!");
}
}
</script>
<body>
<form action="" name="form1" method="post" action="servlet/Regist">
<table width="500" cellspacing="30">
<tr align="center">
<td>
<font size="3">用户名: </font>
<input type="text" name="name" size="27" onchange="checkName()"/>
<div id="nameText"><font id="a" color="green">(请认真填写,此项不能为空)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">密 码: </font>
<input type="password" name="pass1" size="27" onchange="checkPass1()"/>
<div id="pass1Text"><font id="a" color="green">(请牢记密码,此项不能为空。)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">确认密码: </font>
<input name="pass2" size="27" type="password" onchange="checkPass2()"/>
<div id="pass2Text"><font id="a" color="green">(请再次输入密码,不能为空。)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">邮 箱: </font>
<input name="email" type="text" size="27" onchange="checkEmail()"/>
<div id="emailText"><font id="a" color="green">(请注意格式,如:[email protected])</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3"> 性 别:</font>
<input type="radio" name="sex" value="male"/><font size="3">男</font>
<input type="radio" name="sex" value="female"/><font size="3">女</font>
</td>
</tr>
<tr align="right">
<td>
<input type="submit" name="button" value="注册" onclick="checkAll()"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</body>
</html>
解决方案 »
- 右键删除div
- 请问该Switch语句的作用
- 如何利用JS 数组记录当前table list中被选中的行数(多选)==急急
- 如何得到已知行的下一行。
- 一个很菜的问题,如何用js实现给定一个文件的相对路径获得它的绝对路径?
- 帮忙修改一个事件!关于checkbox的单击事件(在线等)
- 关于checkbox状态变化变色的问题
- 用JSP脚本给javascript对象赋值时出现的换行问题。
- 怎么从一个框架页中的一个框架跳转到(不是弹出新窗口)一个不含框架的页
- 【求助】一个函数里还有个函数,怎么让里面函数的返回值改变全局变量
- 用jquery遍历gridview里面的checkbox的问题
- textarea输入内容,点击旁边空白的地方,再点入文本框,内容不见了
1:sumbit想要先检测再发送表单,onclic="return checkAll()"
2:alert为啥你可以写成alter却毫无所觉捏?
完整代码修正如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册</title>
</head>
<script type="text/javascript">
var xmlHttp=false;
var username=false;//我为了测试将你默认的不需要验证改为了需要验证
var password1=false;
var password2=false;
var emailcheck=false;
function createXMLHttpRequest()
{
if (window.ActiveXObject) //在IE浏览器中创建XMLHttpRequest对象
{
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(ee){
xmlHttp=false;
}
}
}
else if (window.XMLHttpRequest) //在非IE浏览器中创建XMLHttpRequest对象
{
try{
xmlHttp = new XMLHttpRequest();
}
catch(e){
xmlHttp=false;
}
}
}
function checkName()
{
createXMLHttpRequest(); //调用创建XMLHttpRequest对象的方法
xmlHttp.onreadystatechange=callback; //设置回调函数
var nameStr=form1.name.value;
var url="servlet/CheckName?name="+nameStr;
xmlHttp.open("post",url); //向服务器端发送请求
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=gb2312");
xmlHttp.send(null);
function callback()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var str = xmlHttp.responseText;
var nameText=document.getElementById("nameText");
if(nameStr.length>=4 && nameStr.length<=12)
{
if(str.length==2)
{
var message="<font color=\"#CC0000\"><b>*用户名已经存在,请另选一个注册!</b></font>";
nameText.innerHTML=message;
username=false;
}
else
{
var message="<font color=\"green\"><b>OK</b></font>";
nameText.innerHTML=message;
username=true;
}
}
else
{
var message="<font color=\"#CC0000\"><b>字符控制在4-12之间!</b></font>";
nameText.innerHTML=message;
username=false;
}
}
}
}
}function checkPass1()
{
var pass1=form1.pass1.value;
var pass1Text=document.getElementById("pass1Text");
if(pass1.length>=20||pass1.length<=6)
{
var message="<font color=\"#CC0000\"><b>*密码长度不合法</b></font>";
pass1Text.innerHTML=message;
password1=false;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
pass1Text.innerHTML=message;
password1=true;
}
}function checkPass2()
{
var pass2Text=document.getElementById("pass2Text");
if(form1.pass1.value!=form1.pass2.value)
{
password2=false;
var message="<font color=\"#CC0000\"><b>*两次输入的密码不一致</b></font>";
pass2Text.innerHTML=message;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
pass2Text.innerHTML=message;
password2=true;
}
}
function checkEmail()
{
var emailText=document.getElementById("emailText");
var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.com)+/;
if(!pattern.test(form1.email.value))
{
var message="<font color=\"#CC0000\"><b>格式不正确,请检查!</b></font>";
emailText.innerHTML=message;
emailcheck=false;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
emailText.innerHTML=message;
emailcheck=true;
};
}function checkAll()
{
if(!username)
{
alert("用户名输入有误,请检查更正!");
form1.name.focus();
return false;} if(!password1)
{
alert("密码输入有误,请检查更正!");
form1.pass1.focus();
return false;
}if(!password2)
{
alert("确认密码输入有误,请检查更正!");
form1.pass2.focus();
return false;} if(!emailcheck)
{
alert("邮箱输入有误,请检查更正!");
form1.email.focus();
return false;} if(form1.sex.value=="")
{
alert("输入有误,请检查更正!");
return false;}
return true;}
</script>
<body>
<form action="" name="form1" method="post" action="servlet/Regist">
<table width="500" cellspacing="30">
<tr align="center">
<td>
<font size="3">用户名: </font>
<input type="text" name="name" size="27" onchange="checkName()"/>
<div id="nameText"><font id="a" color="green">(请认真填写,此项不能为空)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">密 码: </font>
<input type="password" name="pass1" size="27" onchange="checkPass1()"/>
<div id="pass1Text"><font id="a" color="green">(请牢记密码,此项不能为空。)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">确认密码: </font>
<input name="pass2" size="27" type="password" onchange="checkPass2()"/>
<div id="pass2Text"><font id="a" color="green">(请再次输入密码,不能为空。)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">邮 箱: </font>
<input name="email" type="text" size="27" onchange="checkEmail()"/>
<div id="emailText"><font id="a" color="green">(请注意格式,如:[email protected])</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3"> 性 别:</font>
<input type="radio" name="sex" value="male"/><font size="3">男</font>
<input type="radio" name="sex" value="female"/><font size="3">女</font>
</td>
</tr>
<tr align="right">
<td>
<input type="submit" name="button" value="注册" onclick="return checkAll()"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</body>
</html>
再放过一份吧
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册</title>
</head>
<script type="text/javascript">
var xmlHttp=false;
var username=false;
var password1=false;
var password2=false;
var emailcheck=false;
function createXMLHttpRequest()
{
if (window.ActiveXObject) //在IE浏览器中创建XMLHttpRequest对象
{
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(ee){
xmlHttp=false;
}
}
}
else if (window.XMLHttpRequest) //在非IE浏览器中创建XMLHttpRequest对象
{
try{
xmlHttp = new XMLHttpRequest();
}
catch(e){
xmlHttp=false;
}
}
}
function checkName()
{
createXMLHttpRequest(); //调用创建XMLHttpRequest对象的方法
xmlHttp.onreadystatechange=callback; //设置回调函数
var nameStr=form1.name.value;
var url="servlet/CheckName?name="+nameStr;
xmlHttp.open("post",url); //向服务器端发送请求
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=gb2312");
xmlHttp.send(null);
function callback()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var str = xmlHttp.responseText;
var nameText=document.getElementById("nameText");
if(nameStr.length>=4 && nameStr.length<=12)
{
if(str.length==2)
{
var message="<font color=\"#CC0000\"><b>*用户名已经存在,请另选一个注册!</b></font>";
nameText.innerHTML=message;
username=false;
}
else
{
var message="<font color=\"green\"><b>OK</b></font>";
nameText.innerHTML=message;
username=true;
}
}
else
{
var message="<font color=\"#CC0000\"><b>字符控制在4-12之间!</b></font>";
nameText.innerHTML=message;
username=false;
}
}
}
}
}function checkPass1()
{
var pass1=form1.pass1.value;
var pass1Text=document.getElementById("pass1Text");
if(pass1.length>=20||pass1.length<=6)
{
var message="<font color=\"#CC0000\"><b>*密码长度不合法</b></font>";
pass1Text.innerHTML=message;
password1=false;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
pass1Text.innerHTML=message;
password1=true;
}
}function checkPass2()
{
var pass2Text=document.getElementById("pass2Text");
if(form1.pass1.value!=form1.pass2.value)
{
password2=false;
var message="<font color=\"#CC0000\"><b>*两次输入的密码不一致</b></font>";
pass2Text.innerHTML=message;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
pass2Text.innerHTML=message;
password2=true;
}
}
function checkEmail()
{
var emailText=document.getElementById("emailText");
var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.com)+/;
if(!pattern.test(form1.email.value))
{
var message="<font color=\"#CC0000\"><b>格式不正确,请检查!</b></font>";
emailText.innerHTML=message;
emailcheck=false;
}else
{
var message="<font color=\"green\"><b>OK</b></font>";
emailText.innerHTML=message;
emailcheck=true;
};
}function checkAll()
{
if(!username)
{
alert("用户名输入有误,请检查更正!");
form1.name.focus();
return false;
} if(!password1)
{
alert("密码输入有误,请检查更正!");
form1.pass1.focus();
return false;
}if(!password2)
{
alert("确认密码输入有误,请检查更正!");
form1.pass2.focus();
return false;
} if(!emailcheck)
{
alert("邮箱输入有误,请检查更正!");
form1.email.focus();
return false;
} if(form1.sex.value=="")
{
alert("输入有误,请检查更正!");
return false;
}
return true;
}
</script>
<body>
<form action="" name="form1" method="post" action="servlet/Regist">
<table width="500" cellspacing="30">
<tr align="center">
<td>
<font size="3">用户名: </font>
<input type="text" name="name" size="27" onchange="checkName()"/>
<div id="nameText"><font id="a" color="green">(请认真填写,此项不能为空)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">密 码: </font>
<input type="password" name="pass1" size="27" onchange="checkPass1()"/>
<div id="pass1Text"><font id="a" color="green">(请牢记密码,此项不能为空。)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">确认密码: </font>
<input name="pass2" size="27" type="password" onchange="checkPass2()"/>
<div id="pass2Text"><font id="a" color="green">(请再次输入密码,不能为空。)</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3">邮 箱: </font>
<input name="email" type="text" size="27" onchange="checkEmail()"/>
<div id="emailText"><font id="a" color="green">(请注意格式,如:[email protected])</font></div>
</td>
</tr>
<tr align="center">
<td>
<font size="3"> 性 别:</font>
<input type="radio" name="sex" value="male"/><font size="3">男</font>
<input type="radio" name="sex" value="female"/><font size="3">女</font>
</td>
</tr>
<tr align="right">
<td>
<input type="submit" name="button" value="注册" onclick="return checkAll()"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</body>
</html>