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

 

使用get方法提交form表单时出现乱码解决方法

使用get方法提交form表单时出现乱码解决方法 tomcat5.x上用get方式提交的中文是乱码 在tomcat5上,用form提交了,中文的内容是乱...

onsubmit校验表单时利用ajax的return false无效解决方法

function checkNewEmail(){              var flat=false;              var re_email=new RegExp("\\w+@...

FORM表单重复提交问题解决方法

在web开发中如果用到Form表单提交数据到后台,会遇到一个问题,我之前遇到过,就是在提交完之后若不跳到另一个页面,表单的提交信息会保存在缓存中,一单再次点击sumit,或者F5刷新页面,又或者后退前...

总结:form中使用onSubmit="return false"防止表单自动提交,以及s...

最近看书对form中onsubmit="return false;"不明白。现在知道了那样做是要防止表单的自动提交。下面这篇文章总结的非常全,自己就直接拿过来修改总结了。自动提交­在页面form中有多...

FORM中使用onSubmit="return false"防止表单自动提交

在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题.   后来在form 中添加:onsubmit="ret...

Form表单提交onSubmit return false失效

被坑了有木有?有人说是方法返回的是return   有的说是 return false 貌似都没有作用! 正确的做法是:不要直接用onSubmit(),改用普通的b...
  • xb12369
  • xb12369
  • 2013年12月16日 15:00
  • 18248

FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别

今天在实现业务的时候,jsp页面总是自动提交。 在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题.   后来...
  • fatOwen
  • fatOwen
  • 2011年08月09日 11:48
  • 1039

总结:FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别

今天在实现业务的时候,jsp页面总是自动提交。 在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题.  ...

总结:FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别

最近被form的自动提交烦的不行,网上搜了一些资料,下面这篇文章总结的非常全,基本好多我之前也都试过了(就差总结了^=^)。呵呵,有网友总结的这么全,就直接拿来了:) 在页面中有多个input ty...
  • jyb123
  • jyb123
  • 2012年03月29日 17:40
  • 414

FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别

在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题.   后来在form 中添加:onsubmit="r...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:按钮在form表单中时return失效,自动提交后台解决方法
举报原因:
原因补充:

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