`
gybin
  • 浏览: 263923 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

表单form内的button按钮自动提交的问题

    博客分类:
  • web
阅读更多

     写一个页面,有一个表单,由于对表单提交操作不熟悉,我是通过一个button点击,调用JS函数,然后在函数里操作表单的数据并提交:

<form>

……

<buttonclass="btn btn-default"onclick="javascript:submit('save.php')">提交</button>

……

</form>

      JS函数执行之后,按我的意思应该是执行一定功能之后跳转到另一个页面,但是代码如上好像是将我的表单提交了,并没有起到按钮的作用。而将<button>标签移到<form>外就能达到效果。
      1.百度解决方案,说在button中加入type="button"属性就可以了,尝试之后无效。
      2.基本同样道理,说用<input type="button">标签代替button,呵呵,所以同理的,无效。
      3.最后找到问题所在,因为我调用的JS函数名字有问题,可能是submit这种类似关键字什么的,不能使用,改换了函数名之后,上面两种方法都有效了。同样还有我名为delete()的函数,名字也不能用;之前数据库里的条目也曾因为命名而出问题。
 
      根据前辈们的总结,在表单了为了避免不必要的麻烦,button都应用input的标签代替比较好。
 
pS:  使用第一种就可以实现效果
分享到:
评论

相关推荐

    JavaScript在form表单中使用button按钮实现submit提交方法

    submit是button的一个特例,也是button的一种,它把提交这个动作...使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在JavaScript中实现具体,代码如下: &lt;head&gt; [removed] functio

    JS button按钮实现submit按钮提交效果

    今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现...下面小编给大家分享JS button按钮实现submit按钮提交效果,感兴趣的朋友参考下吧

    解决layui中的form表单与button的点击事件冲突问题

    layui的form表单位置和button标签的位置重合,会使得button的...以上这篇解决layui中的form表单与button的点击事件冲突问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

    element-ui如何防止重复提交的方法步骤

    先说对话框(Dialog)里的表单提交 错误方案 说起错误方案,比如,点击提交按钮,本地验证,验证通过立即让按钮不可点,这些没问题,而我的错误点概括是:在某个最后执行的回调函数的最后一行,我做了2个操作:1,...

    javascript实现点击提交按钮后显示loading的方法

    主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下

    通过button将form表单的数据提交到action层的实例

    给button按钮添加一个onclick()点击事件,并实现该点击事件,在该onclick()方法中通过ajax将form表单中的数据提交给action层 JSP页面中的代码: &lt;form id="handleform"&gt; &lt;!-- 根据学生id修改学生信息 --...

    巧用js提交表单轻松解决一个页面有多个提交按钮

    代码如下: ”javascript” name=”code”&gt;function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”...

    用js提交表单解决一个页面有多个提交按钮的问题

    用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,比较简单。 &lt;pre class=javascript name=code&gt;function check(txt){ $j(form).submit(function(){ if($txt==提交)...

    layui form表单提交后实现自动刷新

    出现这样的情况呢,搜索了一下是因为表单的提交按钮没有type类型。哪怕是button标签呢,也不行。我试了一下,使用这种情况的话,主要是在监听事件中并没有返回return false,如果返回了return false,这个就可以不再...

    在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数

    博文链接:https://clarancepeng.iteye.com/blog/112040

    Ajax提交Form表单页面仍会刷新问题的快速解决办法

     PS:form 表单中存在button时ajax提交后自动刷新问题 //在记一个坑(刚学前台,不是很懂,项目中自己给自己挖了个坑,哈哈...) &lt;form class=form-horizontal&gt; &lt;div class=form-group&gt; 修改资料名称: &lt;...

    JavaWeb总结

    基础知识:在form表单中,只要点击按钮就会天然的触发表单的提交,但是没有这个功能,只有给button绑定点击事件,事件内容是表单提交,表单才会被提交 需求描述1:当表单提交时,触发代码块1的运行, 给buttn按钮...

    网页中回车后form自动提交跳到其他页面的解决方法

    网页回车后form自动提交,跑到其他页面 有个查询的form,本来是希望点击查询时才查询的,结果测试到回车时跑到其他页面去了。 复制代码代码如下: &lt;form action=”notice.php” method=”get”&gt; … &lt;...

    登录界面文本框密码以及button按钮

    实用的HTML登录界面,涉及HTML+css+js的文档,应用表单form以及div展示

    layui 解决form表单点击无反应的问题

    今天小编就为大家分享一篇layui 解决form表单点击无反应的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    JavaScript获取按钮所在form表单id的方法

    本文实例讲述了JavaScript获取按钮所在form表单id的方法。分享给大家供大家参考。具体如下: 这里使用javascript获取form表单按钮的id,可以通过下面的JS代码获取。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; ...

    asp.net页面回车触发button按钮方案

    当你的光标焦点进入某个表单元素的时候,会激活该表单中第一个(流布局顺从左到右,从上至下) type=submit 的按钮(假如有),等待响应回车事件,并提交该form。

Global site tag (gtag.js) - Google Analytics