图片按钮提交表单时遇到问题

现在在做用户的登录，提交按钮是图片的形式，按钮的位置在表单中，也就意味着我点击这张图片
会自动执行表单提交的操作。现在我需要给这个按钮绑定检查用户名和密码的格式这些事件，但是
点击提交之后就相当于两个事件冲突了<form name="form1" method="post" action ="login_check.php">
<input type='image' name='login' src='Images/login.png' onclick='javascript:check();'/>";
<script type="text/javascript">
function check(){
var a=$('#username').val();
var b=$('#pwd').val();
if(a==""){
alert("请输入用户名!");
return false;
}
if(b==""){
alert("请输入密码!");
return false;
}
if(b.length<5||b.length>16){
alert("密码长度不符合要求!");
return false;
}else{
       return true;
}
}
</script>如果我把onclick='javascript:check();改为onclick='javascript:check();return false;
这样就阻止了验证过后提交表单的操作，也就意味着即使我的用户名正确也没办法提交
如果是onclick='javascript:check(); 那么如果用户名为空，虽然会弹出提示，仍然会提交表单
不知道大家有没有好的方法，能让用这个图片按钮绑定两个事件一个是检查用户名，另一个是提交表单，在用户名检查通过后再提交表单，不要让这两个事件同时进行