IE7 - <button>不提交表格

Question

如何在IE7中制作标签提交表单,同时进行表单上设置的所有表单验证？

如果我只是document.forms[0].submit();提交它,但忽略表单验证.

编辑:每个人都喜欢告诉我使用输入标签...这将汇总表格,但不会在我的情况下工作,这就是为什么我问到按钮标签...

<form action="my/script" onsubmit="return ValidateFunc();">
<button> <img src="image/do_this_with_input_tag.png"> Some Text </button>
</form>

Answer 1

首先有一个类型提交为的按钮

<input type="submit" value="submit" />

在表单标记中,包含onsubmit()事件

<form
     action="/path/to/server/side/script"
     name="testform" 
     onsubmit="return validate()"
     >

如果表单验证通过,validate()则应返回该函数; 如果验证失败,则返回该函数.例如truefalse

function validate(){
   if(...){//valid
      return true;    
   }else{//not valid
      return false;
   }    
}

编辑: 始终指定按钮类型.如果没有指定,在IE中它默认为"按钮",而在Chrome和Firefox中它默认为"提交".

<form action="my/script" onsubmit="return ValidateFunc();">
<button type="submit"> <img src="image/do_this_with_input_tag.png"> Some Text </button>
</form>

如果您想要正确的答案,将来在您的问题中包含更多详细信息.

Answer 2

我使用jquery提交按钮。如果我直接使用 javascript 绕过验证设置。Jquery 的表单提交在提交之前运行验证。

经过额外研究，即使使用 type="submit" 标签，也无法在旧版 IE 中提交表单。