按钮在form表单中的问题
1. 代码案例
<form action="aaa!edit.action"method="post" enctype="multipart/form-data">
<table border="0" width="85%;" style="font-size: 13px;margin-left: 15px;margin-top:15px;" >
<tr>
<td width="9%" valign="top"><span style="font-weight:bold;">关 键 字:</span><span style="font-weight: bold;"> </span></td>
<td width="91%"><textarea rows="7" cols="25" id="key" name="key"></textarea></td>
</tr>
….
<tr>
<td></td>
<td class="tdStyle"align="left" valign="bottom"id="contorlHeight" colspan="4">
<button class=btn id="save" onClick="formSubmit();">修改</button>
<button class=btn onClick="formReset();">取消</button>
</td>
</tr>
</table>
</form>
//form提交
function formSubmit(){
if ($("#key").val().length== 0){
alert("请输入关键字");
return;
}
$("#save").onclick = function (){return false;};
document.forms[0].submit();
}
问题1:如果按钮在form表单中,那么,即使key中没有值,form表单依旧会提交
问题2:在ie10时会提交两次!
解决方法:将按钮放在form表单外面