[求助]验证表单的问题 - JavaScript论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 JavaScript论坛』 → [求助]验证表单的问题

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 631 人关注过本帖

标题：[求助]验证表单的问题

只看楼主加入收藏

hwoarangzk

来　自：冰封王座
等　级：贵宾
威　望：12
帖　子：1894
专家分：0
注　册：2007-7-17

楼主

问题点数：0 回复次数：6

[求助]验证表单的问题

下面是我的代码，只做了名字不能为空的部分。问题是当名字为空时，错误信息能够出来，但之后却正常跳转到验证成功的页面，这是为什么啊？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Check</title>
</head>
<body>
<script language="javascript">
function c(){
var n=form1.name.value;
//var p1=form1.pass1.value;
//var p2=form2.pass2.value;
if(n==""){
alert("Name can not be null!");
form1.name.foucs();
return false;
}
}
</script>
<center>
<form name=form1 action=hello.jsp method=post onsubmit="return c();">
Name:
<input type=text name=name><br>
Password1:
<input type=password name=pass1><br>
Password2:
<input type=password name=pass2><br>
<input type=submit value=submit>
</form>
</center>
</body>
</html>

搜索更多相关主题的帖子: 表单　验证　

2007-07-20 10:51

hwoarangzk

来　自：冰封王座
等　级：贵宾
威　望：12
帖　子：1894
专家分：0
注　册：2007-7-17

第 2 楼

得分:0

晕，我发现if里面的foucs()写错了，现在改好了。但是如果这个写错的话，return false就不执行了吗？

I'm here, as always...

2007-07-20 10:57

hwoarangzk

来　自：冰封王座
等　级：贵宾
威　望：12
帖　子：1894
专家分：0
注　册：2007-7-17

第 3 楼

得分:0

这是我做完的验证表单代码，新的问题：不管名字、密码是否为空，也不管密码是否相同，它都跳到成功的页面，大家帮助下啦，谢谢
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Check</title>
</head>
<body>
<script language="javascript">
function c(){
var n=form1.name.value;
var p1=form1.pass1.value;
var p2=form2.pass2.value;
if(n==""){
alert("Name can not be null!");
form1.name.focus();
return false;
}
if(p1==""){
alert("Password can not be null!");
form1.pass1.focus();
return false;
}
if(p1!=p2){
alert("Password error!");
return false;
}
}
</script>
<center>
<form name=form1 action=hello.jsp method=post onsubmit="return c();">
Name:
<input type=text name=name><br>
Password1:
<input type=password name=pass1><br>
Password2:
<input type=password name=pass2><br>
<input type=submit value=submit><br>
</form>
</center>
</body>
</html>

I'm here, as always...

2007-07-20 11:21

lmhllr

等　级：贵宾
威　望：44
帖　子：1504
专家分：42
注　册：2005-5-12

第 4 楼

得分:0

var p2=form2.pass2.value;

应该是var p2=form1.pass2.value;写错了。。。

2007-07-20 11:47

myfor

等　级：新手上路
威　望：6
帖　子：357
专家分：6
注　册：2006-3-13

第 5 楼

得分:0

[QUOTE]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Check</title>
</head>
<body>
<script language="javascript">
function c(){
var n=document.getElementById('name').value;
var p1=document.getElementById('pass1').value;
var p2=document.getElementById('pass2').value;
if(n==""){
alert("Name can not be null!");
form1.name.focus();
return false;
}
if(p1==""){
alert("Password can not be null!");
form1.pass1.focus();
return false;
}
if(p1!=p2){
alert("Password error!");
return false;
}
}
</script>
<center>
<form name=form1 action=b.html method=post onsubmit="return c();">
Name:
<input type=text id=name><br>
Password1:
<input type=password id=pass1 name=pass1><br>
Password2:
<input type=password id=pass2 name=pass2><br>
<input type=submit value=submit><br>
</form>
</center>
</body>
</html>[/QUOTE]

[此贴子已经被作者于2007-7-20 12:37:41编辑过]

广告位招租

2007-07-20 11:57