急~！！！！javascript 哪里有错误啊，为什么 javascript 返回值是false 还会执行form的action呢
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title></title>
<script type="text/javascript" >
function check(){
var uname = document.loginf.username.value;
var pwd = document.loginf.password.value;
if(uname==""){
alert("name can't be null"); return false;
}
else if(pwd==""){
alert("password can't be null"); return false;
}
}
</script>
</head>
<body>
<center>
<form name="loginf" id="loginf" method="post" action="test.html">
<table class="big" width="15%" border="5" cellpadding="0" cellspacing="0" >
<tr align="center">
<td colspan="2"><font face="华文行楷" color="yellow" size="+2">用户登录</font></td></tr>
<tr>
<td align="right" >用户名：</td>
<td align="left" ><label><input type="text" name="username" id="username" /></label></td>
</tr>
<tr>
<td align="right">密 码：</td>
<td><input type="password" name="password" id="password" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="登录" onclick="check()" />
<input type="reset" /></td>
</tr>
</table>
</form>
</center>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title></title>
<script type="text/javascript" >
function check(){
var uname = document.loginf.username.value;
var pwd = document.loginf.password.value;
if(uname==""){
alert("name can't be null"); return false;
}
else if(pwd==""){
alert("password can't be null"); return false;
}
}
</script>
</head>
<body>
<center>
<form name="loginf" id="loginf" method="post" action="test.html">
<table class="big" width="15%" border="5" cellpadding="0" cellspacing="0" >
<tr align="center">
<td colspan="2"><font face="华文行楷" color="yellow" size="+2">用户登录</font></td></tr>
<tr>
<td align="right" >用户名：</td>
<td align="left" ><label><input type="text" name="username" id="username" /></label></td>
</tr>
<tr>
<td align="right">密 码：</td>
<td><input type="password" name="password" id="password" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="登录" onclick="check()" />
<input type="reset" /></td>
</tr>
</table>
</form>
</center>
</body>
</html> 展开
2个回答
展开全部
<form name="loginf" id="loginf" method="post" action="test.html">
只要这里有action="test.html"值就一定会提交，可以让action="javascript:void(0)"然后在你写check函数里返回true的地方用window.location = "要跳转的路径" 还有一种方法就是用Ajax提交，Ajax以后你会写到的。
只要这里有action="test.html"值就一定会提交，可以让action="javascript:void(0)"然后在你写check函数里返回true的地方用window.location = "要跳转的路径" 还有一种方法就是用Ajax提交，Ajax以后你会写到的。
更多追问追答
追问
但是为什么呢......帮我看下这个吧，怎么把 action="/Logon.do" 弄到function 里面啊
还有 document.forms[0].submit(); 这句是什么意思啊，好多地方都不明白
function yzpass(){
document.forms[0].submit();
}
追问的字数有限制，只留下了关键词
追答
QQ 290610595 问题答案 swingtam
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这是事件绑定错误，你现在的校验是触发submit按钮的onclick事件，当触发这个事件时它会同时触发<form></form>的onsubmit事件，所以即使你返回false，仍然会提交表单。你应该改为监测<form></form>的onsubmit，当校验不通过时，让onsubmit事件返回false。
追问
我试试，可以帮我看下追问的问题吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
