请教一下，JAVASCRIPT验证问题


<script language="javascript" > 
function on_submit()
{
    if(userinfo.userid.value==""){
        alert("用户名不许为空");
        userinfo.userid.focus();
       
    }
    else if(userinfo.userpw.value==""){
        alert("密码不许为空");
        userinfo.userid.focus();
       
    }else
{
document.userinfo.submit(); //如果验证通过，则提交
}
}
</script>
<style type="text/css"> 
.text{ 
background:url(images/inputbg.jpg);
border:hidden;
border-bottom:hidden;
text-align:center;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<form name="userinfo" method="post" action="accept.jsp"> //去掉这里的提交方法，否则就是不图片按钮提交了
<table width="687" height="404" border="0" align="center" cellpadding="0" cellspacing="0" id="__01">     <td rowspan="2" background="images/adminlogin_07.gif"width="145" height="33" ><label><img src="images/adminlogin_07.gif" border="0"  onclick="on_submit()"/> //这样才叫做图片当提交表单的按钮来用
</table>
</form>
</body>
</html>