表单按钮是图片，如何在提交表单的时候用Javascript进行验证呢？

Question

前面的代码就不写上了（若有需要的话再上）<FORM  action=“” method="post" onsubmit="return check();">
<TD><INPUT title=登录系统  type=image height=48 alt="" width=86 
    src="images/crm_17.gif" name=image></TD>
<FORM>
我要写的表单验证：
<script language ="javascript">
  function check(){
  var userName=document.getElementById("username").value;
  var passWord=document.getElementById("password").value;
  if(username==""){
  alert("用户名不能空,请重新输入！");
  document.getElementById("username").focus();
  return false;
  }
   if(password==""){
  alert("密码不能空,请重新输入！");
  document.getElementById("password").focus();
  return false;
  }
  return true;
  </script>主要验证用户名和密码的验证，因为提交按钮没有submit ,所以不知道如何写好。谢谢各位！！

Answer 1

<input type="image" src="images/submit_btn.gif" />

Answer 2

把你button改一下吧。
<input type="submit" class="imgBtn"/>再写个css，注意图片路径
.imgBtn{border:none; background:url(images/crm_17.gif) no-repeat;}

Answer 3

clickBtn.click=function(){
     check();
}

Answer 4

<script language="javascript" type="text/javascript">
  function DoLogin()
  {
    if(check())
    {
      document.getElementById('btnSubmit').click();
    }
  }
</script>
<input title="登录系统" type="image" height="48" alt="" width="86" src="images/crm_17.gif" name="image" onclick="DoLogin();" /><input id="btnSubmit" type="submit" style="display: none" />

Answer 5

<FORM action=“” method="post" name="inputForm">
<TD><INPUT title=登录系统 type=image height=48 alt="" width=86  
  src="images/crm_17.gif" name=image  onClick="return show()"></TD>
<FORM>
我要写的表单验证：
<script language ="javascript">
  function check(){
  var userName=document.getElementById("username").value;
  var passWord=document.getElementById("password").value;
  if(username==""){
  alert("用户名不能空,请重新输入！");
  document.getElementById("username").focus();
  return false;
  }
  if(password==""){
  alert("密码不能空,请重新输入！");
  document.getElementById("password").focus();
  return false;
  }
  return true;
function show() {
      if (check())  {
            document.inputForm.submit();
            return true;
     } else {
            return false; 
   }
}
  </script>

Answer 6

JS部分：
<script language="JavaScript">
function checkForm(){
var messageDiv = document.getElementById("msgDiv");
var userName = document.getElementById("username").value;if (userName == ""){messageDiv.innerHTML = "Error: username should be enter";
return false;}
else{var passWord = document.getElementById("password").value;
if (passWord == ""){messageDiv.innerHTML = "Error: password should be enter";
return false;}
else{messageDiv.innerHTML = "";
return true;}}}</script>
Body部分：
<script language="JavaScript">messageDiv.innerHTML</script> 
 <form name="loginForm" action="需要跳转的页面" method="post" onsubmit="return checkForm()">
 username:<input type="txt" name="username" id="username" value=""><br>
 password:<input type="password" name="password" id="password" value=""><br>
<input name="submit" type="image" src="某张图片"></form>
<div id="msgDiv" style="color:red"></div>