按钮在form表单中时return失效，自动提交后台解决方法

按钮在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;">关&nbsp;&nbsp;键&nbsp;&nbsp;字：</span><span style="font-weight: bold;">&nbsp;&nbsp;</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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                  <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表单外面