注册 登录
编程论坛 JavaScript论坛

确认表单必填项目完整性

流浪天边 发布于 2010-11-19 11:02, 915 次点击
程序代码:
<html>
<head>
<meta http-equiv="content-type content="text/html;charset=GB2312"/>
<title>确认表单必填项目完整性</title>
<!---脚本部分-->
<script type="text/javascript">
function check submit(){
    if($("txt_user_name").value==""){alert("请填写用户名");return(false);}
    if($("txt_user_pass type=password").value==""){alert("请填写密码");return(false);}
    if($("txt_user_pass_confirm").value==""){alert("请填写确认密码");return(false);}
}
function $(str){return(document.getelementbyid(str));}
</head>
<body style="overflow:auto;">
<form action="" onsubmit="return check_submit();">
用户名<br>
<input id="txt_user_name"><br>
密码<br>
<input id="txt_user_pass" type=password><br>
确认密码<br>
<input id="txt_user_pass_confirm" type=password><br>
<input type="submit"value="提交">
</script>
</form>
</body>
</html>
请问下这个程序有什么错误么?我检查好长时间没有找到啊!

[ 本帖最后由 流浪天边 于 2010-11-19 11:49 编辑 ]
3 回复
#2
sclorg2010-11-19 13:15
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>确认表单必填项目完整性</title>
<!---脚本部分-->
<script type="text/javascript">
function check_submit(){
    if($("txt_user_name").value==""){alert("请填写用户名");$("txt_user_name").focus();return(false);}
    if($("txt_user_pass").value==""){alert("请填写密码");$("txt_user_pass").focus();return(false);}
    if($("txt_user_pass_confirm").value==""){alert("请填写确认密码");$("txt_user_pass_confirm").focus();return(false);}
}
function $(str){return(document.getElementById(str));}
</script>
</head>
<body style="overflow:auto;">
<form action="" onsubmit="return check_submit();">
用户名<br>
<input id="txt_user_name"><br>
密码<br>
<input id="txt_user_pass" type=password><br>
确认密码<br>
<input id="txt_user_pass_confirm" type=password><br>
<input type="submit"value="提交">
</form>
</body>
</html>
#3
aspic2010-11-19 15:11
最后还要来个return true才行哦
#4
流浪天边2010-11-20 09:47
嘿嘿!你们的想法也可以 昨天我找到我程序错误 这个程序运行结果:
只有本站会员才能查看附件,请 登录

源码:
程序代码:
<html>
<head>
<meta http-equiv="content-type content="text/html;charset=GB2312"/>
<title>确认表单必填项目完整性</title>
<!---脚本部分-->
<script type="text/javascript">
function check submit(){
    if($("txt_user_name").value==""){alert("请填写用户名");return(false);}
    if($("txt_user_pass ").value==""){alert("请填写密码");return(false);}
    if($("txt_user_pass_confirm").value==""){alert("请填写确认密码");return(false);}
}
function $(str){return(document.getElementById(str));}
</head>
</script>
<body style="overflow:auto;">
<form action="" onsubmit="return check_submit();">
用户名<br>
<input id="txt_user_name"><br>
密码<br>
<input id="txt_user_pass" type="password"><br>
确认密码<br>
<input id="txt_user_pass_confirm" type="password"><br>
<input type="submit"value="提交">
</form>
</body>
</html>
错误1 </form>写成from
错误2</script>结束标签写在</BODY>,应该写在</head>
错误3<input id="txt_user_pass_confirm" type="password"><br> 密码应加引号="password">
错误4 注意getElementById大小写
请问Javascript表单的密码和用户名返回到什么地方?是客户端么?我电脑上没服务器啊?



[ 本帖最后由 流浪天边 于 2010-11-20 09:49 编辑 ]
1