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

原创 2013年12月04日 22:17:26

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

 

自动提交表单的实现方法

小技巧:自动提交表单的实现方法   var newasp_fonts...
  • ocean20
  • ocean20
  • 2008年05月11日 19:26
  • 1197

关于form表单中使用ajax提交表单,ajax无法success的问题

问题背景:我的毕业设计是重构自己以前写过的一个小网站,之前写的时候没有用任何框架,前后台交互数据靠el表达式、form表单。在完成毕业设计时使用SpringMVC+Spring+MyBatis+JQu...
  • qq_25498677
  • qq_25498677
  • 2017年05月07日 20:01
  • 1657

页面点击button自动提交form表单的解决办法

今天遇到一个很恶心的问题,form表单底下的button按钮标签 每次点击 都会将表单自动提交,根本就起不到一个按钮的作用了,郁闷半天,搜索一下,终于顿悟。 1  将button标签这只上 ty...
  • SY199505
  • SY199505
  • 2016年09月13日 13:58
  • 1451

定时自动提交表单

  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">定时自动提交表单  w...
  • unser
  • unser
  • 2006年06月28日 22:45
  • 1028

form表单提交点击按钮提交form表单

使用jquery提交form表单 2017-06-14  刘道鑫seq...  转自 I_T_馆 修改 微信分享: 需求是:新增...
  • qq_33238935
  • qq_33238935
  • 2017年06月14日 00:03
  • 286

form表单提交之前校验返回true之后自动提交

只有在submit按钮加onreturn 才可                                                             用户信息      ...
  • y666666y
  • y666666y
  • 2017年04月17日 15:35
  • 311

防止form表单提交按钮多次点击导致提交多次

在form元素上添加onsubmit监听事件: 点击提交按钮之后,验证表单是否合法: function disabledSubmit(form){ if(jQuery(form)...
  • qq_30679953
  • qq_30679953
  • 2017年03月22日 15:09
  • 918

非submit按钮 点击之后 表单莫名自动提交了

郁闷半天,原来chorme浏览器,没加type=button 默认submit
  • u012122372
  • u012122372
  • 2016年08月08日 20:17
  • 408

onclick="return true;"以后表单照样提交

在表单的submit按钮里写了 onclick="return functionA();" 函数如下: fuctionA(){ /** 一些验证的代码 如果验证不通过就return fals...
  • OldRoy
  • OldRoy
  • 2015年03月19日 16:58
  • 334

form表单下button默认提交

关于button默认提交的深入理解
  • navigatorOpera
  • navigatorOpera
  • 2017年07月13日 12:20
  • 1608
收藏助手
不良信息举报
您举报文章:按钮在form表单中时return失效,自动提交后台解决方法
举报原因:
原因补充:

(最多只允许输入30个字)