javascript验证表单问题求教！为什么总没能限制住

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 <script language="javascript" type="text/javascript">
function checkForm(){
if(myform.username.value=="")
{
alert("用户名不能为空！");
myform.username.foucs();
return false;
}

if(myform.password.value=="")
{
alert("密码不能为空！");
myform.password.foucs();
return false;
}
}
</script>
 </HEAD> <BODY>
<form name="myform" id="myform" action="logincl" method="post" onsubmit="return checkForm()">
用户名：<input type="text" name="username" id="username"><br/><br/>
密　码：<input type="text" name="password" id="password"><br/><br/>
<input type="submit" value="登　陆">
</form></div>
 </BODY>
</HTML>
有个问题麻烦大家一下。javascript验证表单里的数据，如果为空就不让他向下一页去的。我感觉我这边写的没问题啊。为什么总会向下一页去。

解决方案 »

  1.   

    function checkForm() {
             if (myform.username.value == "") {
                 alert("用户名不能为空！");
                 return false;
                 myform.username.foucs();
                 
             }         if (myform.password.value == "") {
                 alert("密码不能为空！");
                 return false;
                 myform.password.foucs();
                 
             }     }
      

  2.   

     <script language="javascript" type="text/javascript">
         function checkForm() {
             if (myform.username.value == "") {
                 alert("用户名不能为空！");
                 
                 myform.username.focus();
                 return false;
             }         if (myform.password.value == "") {
                 alert("密码不能为空！");
                 
                 myform.password.focus();
                 return false;
             }     }
    </script>
      

  3.   

    你在form里面调用了checkForm()这个方法，又提交表单了，它就不管你是否返回false，action="logincl"这个一定会执行，你把放到javascript里面，判断一下都不为空的时候再提交。