写一个页面,有一个表单,由于对表单提交操作不熟悉,我是通过一个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: 使用第一种就可以实现效果
相关推荐
submit是button的一个特例,也是button的一种,它把提交这个动作...使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在JavaScript中实现具体,代码如下: <head> [removed] functio
今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现...下面小编给大家分享JS button按钮实现submit按钮提交效果,感兴趣的朋友参考下吧
layui的form表单位置和button标签的位置重合,会使得button的...以上这篇解决layui中的form表单与button的点击事件冲突问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
先说对话框(Dialog)里的表单提交 错误方案 说起错误方案,比如,点击提交按钮,本地验证,验证通过立即让按钮不可点,这些没问题,而我的错误点概括是:在某个最后执行的回调函数的最后一行,我做了2个操作:1,...
主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下
给button按钮添加一个onclick()点击事件,并实现该点击事件,在该onclick()方法中通过ajax将form表单中的数据提交给action层 JSP页面中的代码: <form id="handleform"> <!-- 根据学生id修改学生信息 --...
代码如下: ”javascript” name=”code”>function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”...
用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,比较简单。 <pre class=javascript name=code>function check(txt){ $j(form).submit(function(){ if($txt==提交)...
出现这样的情况呢,搜索了一下是因为表单的提交按钮没有type类型。哪怕是button标签呢,也不行。我试了一下,使用这种情况的话,主要是在监听事件中并没有返回return false,如果返回了return false,这个就可以不再...
博文链接:https://clarancepeng.iteye.com/blog/112040
PS:form 表单中存在button时ajax提交后自动刷新问题 //在记一个坑(刚学前台,不是很懂,项目中自己给自己挖了个坑,哈哈...) <form class=form-horizontal> <div class=form-group> 修改资料名称: <...
基础知识:在form表单中,只要点击按钮就会天然的触发表单的提交,但是没有这个功能,只有给button绑定点击事件,事件内容是表单提交,表单才会被提交 需求描述1:当表单提交时,触发代码块1的运行, 给buttn按钮...
网页回车后form自动提交,跑到其他页面 有个查询的form,本来是希望点击查询时才查询的,结果测试到回车时跑到其他页面去了。 复制代码代码如下: <form action=”notice.php” method=”get”> … <...
实用的HTML登录界面,涉及HTML+css+js的文档,应用表单form以及div展示
今天小编就为大家分享一篇layui 解决form表单点击无反应的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
本文实例讲述了JavaScript获取按钮所在form表单id的方法。分享给大家供大家参考。具体如下: 这里使用javascript获取form表单按钮的id,可以通过下面的JS代码获取。 <!DOCTYPE html> <html> <body> ...
当你的光标焦点进入某个表单元素的时候,会激活该表单中第一个(流布局顺从左到右,从上至下) type=submit 的按钮(假如有),等待响应回车事件,并提交该form。