关闭

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

标签: 表单提交多次 自动提交ie10bug
1438人阅读 评论(0) 收藏 举报
分类:

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

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:64552次
    • 积分:1567
    • 等级:
    • 排名:千里之外
    • 原创:93篇
    • 转载:28篇
    • 译文:0篇
    • 评论:4条
    文章分类
    最新评论