求高手帮写一个javascript 表单验证程序 急啊！！
要求实现以下功能：1、当学号、姓名输入信息为空时，提示“XX信息不能为空”。并且光标停留在XX的信息框内（例如：当学号为空时，提示“学号不能为空”，并且光标停留在学号信息...
要求实现以下功能：1、 当学号、姓名输入信息为空时，提示“XX信息不能为空”。并且光标停留在XX的信息框内（例如：当学号为空时，提示“学号不能为空”，并且光标停留在学号信息框内）。
2、 当输入的两次密码不一致，提示“两次密码不一致”，并且清除掉两次密码信息，并且光标停留在第一个密码框内。
这是表单代码：<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>第二题</title>
</head>
<body>
<form name="myforma" method="post" action="cl.jsp" >
<table width="92%" border="1">
<tr>
<td colspan="4"><div align="center">个人信息填写</div></td>
</tr>
<tr>
<td width="22%"><div align="right">学号：</div></td>
<td width="29%"><input name="xhtxt" type="text" id="xhtxt" size="12" /></td>
<td width="16%"><div align="right">姓名：</div></td>
<td width="33%"><input name="xmtxt" type="text" id="xmtxt" size="12" /></td>
</tr>
<tr>
<td><div align="right">密码：</div></td>
<td><input name="pwdtxt" type="password" id="pwdtxt" size="12" /></td>
<td><div align="right">确认密码：</div></td>
<td><input name="pwdtxt2" type="password" id="pwdtxt2" size="12" /></td>
</tr>
<tr>
<td><div align="right"></div></td>
<td> </td>
<td><div align="right"></div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><div align="right"></div></td>
<td><input type="submit" name="Submit" value="提交" /></td>
</tr>
</table>
</form>
</body>
</html> 展开
2、 当输入的两次密码不一致，提示“两次密码不一致”，并且清除掉两次密码信息，并且光标停留在第一个密码框内。
这是表单代码：<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>第二题</title>
</head>
<body>
<form name="myforma" method="post" action="cl.jsp" >
<table width="92%" border="1">
<tr>
<td colspan="4"><div align="center">个人信息填写</div></td>
</tr>
<tr>
<td width="22%"><div align="right">学号：</div></td>
<td width="29%"><input name="xhtxt" type="text" id="xhtxt" size="12" /></td>
<td width="16%"><div align="right">姓名：</div></td>
<td width="33%"><input name="xmtxt" type="text" id="xmtxt" size="12" /></td>
</tr>
<tr>
<td><div align="right">密码：</div></td>
<td><input name="pwdtxt" type="password" id="pwdtxt" size="12" /></td>
<td><div align="right">确认密码：</div></td>
<td><input name="pwdtxt2" type="password" id="pwdtxt2" size="12" /></td>
</tr>
<tr>
<td><div align="right"></div></td>
<td> </td>
<td><div align="right"></div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><div align="right"></div></td>
<td><input type="submit" name="Submit" value="提交" /></td>
</tr>
</table>
</form>
</body>
</html> 展开
2个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>第二题</title>
<script>
function check(id,focusid,mess){
if( id.value =="" ){
alert(mess);
focusid.focus();
}
}
function checkPass(){
var p1 = document.getElementById("pwdtxt");
var p2 = document.getElementById("pwdtxt2");
if( p1.value!="" && p2.value!="" ){
if( p1.value!=p2.value ){
alert("两次密码不一致");
p1.value="";
p2.value="";
p1.focus();
}
}
}
</script>
</head>
<body>
<form name="myforma" method="post" action="cl.jsp" >
<table width="92%" border="1">
<tr>
<td colspan="4"><div align="center">个人信息填写</div></td>
</tr>
<tr>
<td width="22%"><div align="right">学号：</div></td>
<td width="29%"><input name="xhtxt" type="text" id="xhtxt" size="12" onblur="check(this,this,'学号不能为空');" /></td>
<td width="16%"><div align="right">姓名：</div></td>
<td width="33%"><input name="xmtxt" type="text" id="xmtxt" size="12" onblur="check(this,this,'姓名不能为空');" /></td>
</tr>
<tr>
<td><div align="right">密码：</div></td>
<td><input name="pwdtxt" type="password" id="pwdtxt" size="12" onblur="checkPass();" /></td>
<td><div align="right">确认密码：</div></td>
<td><input name="pwdtxt2" type="password" id="pwdtxt2" size="12" onblur="checkPass();" /></td>
</tr>
<tr>
<td><div align="right"></div></td>
<td> </td>
<td><div align="right"></div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><div align="right"></div></td>
<td><input type="submit" name="Submit" value="提交" /></td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>第二题</title>
<script>
function check(id,focusid,mess){
if( id.value =="" ){
alert(mess);
focusid.focus();
}
}
function checkPass(){
var p1 = document.getElementById("pwdtxt");
var p2 = document.getElementById("pwdtxt2");
if( p1.value!="" && p2.value!="" ){
if( p1.value!=p2.value ){
alert("两次密码不一致");
p1.value="";
p2.value="";
p1.focus();
}
}
}
</script>
</head>
<body>
<form name="myforma" method="post" action="cl.jsp" >
<table width="92%" border="1">
<tr>
<td colspan="4"><div align="center">个人信息填写</div></td>
</tr>
<tr>
<td width="22%"><div align="right">学号：</div></td>
<td width="29%"><input name="xhtxt" type="text" id="xhtxt" size="12" onblur="check(this,this,'学号不能为空');" /></td>
<td width="16%"><div align="right">姓名：</div></td>
<td width="33%"><input name="xmtxt" type="text" id="xmtxt" size="12" onblur="check(this,this,'姓名不能为空');" /></td>
</tr>
<tr>
<td><div align="right">密码：</div></td>
<td><input name="pwdtxt" type="password" id="pwdtxt" size="12" onblur="checkPass();" /></td>
<td><div align="right">确认密码：</div></td>
<td><input name="pwdtxt2" type="password" id="pwdtxt2" size="12" onblur="checkPass();" /></td>
</tr>
<tr>
<td><div align="right"></div></td>
<td> </td>
<td><div align="right"></div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><div align="right"></div></td>
<td><input type="submit" name="Submit" value="提交" /></td>
</tr>
</table>
</form>
</body>
</html>
追问
当学号、姓名输入信息为空时，提示“XX信息不能为空”。但光标并未停留在XX的信息框内啊！！
而且当全都未输入时，点堤交，没有提示框弹出
追答
1、关于你所说的”光标并未停留在XX的信息框“，请注意是否是浏览器不同引起的问题，我用IE和FF测试，光标停留位置正确；
2、下次请记得写清需求……
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
存为js文件（chkform.js)，引入<head><script language="javascript" src="js/chkform.js"></script></head>
function check(id,focusid,mess){
if( id.value =="" ){
alert(mess);
focusid.focus();
}
}
function checkPass(){
var p1 = document.getElementById("pwdtxt");
var p2 = document.getElementById("pwdtxt2");
if( p1.value!="" && p2.value!="" ){
if( p1.value!=p2.value ){
alert("两次密码不一致");
p1.value="";
p2.value="";
p1.focus();
}
}
}
function check(id,focusid,mess){
if( id.value =="" ){
alert(mess);
focusid.focus();
}
}
function checkPass(){
var p1 = document.getElementById("pwdtxt");
var p2 = document.getElementById("pwdtxt2");
if( p1.value!="" && p2.value!="" ){
if( p1.value!=p2.value ){
alert("两次密码不一致");
p1.value="";
p2.value="";
p1.focus();
}
}
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
