button按钮点击表单自动提交的问题
来源:互联网 发布:保山市大数据 编辑:程序博客网 时间:2024/05/21 08:00
form表单下的按钮在没有指定type类型的时候,如果我们同时给其添加了点击事件的话。会发现我们在点击的时候回默认的把表单也给提交了。如:
<script type="text/javascript"> function validate(){ alert("test"); }</script><button id="validate" onclick="validate();"></button>
于是我大胆猜测应该是form下的button 按钮在没有明确的给出type类型时,会有一个默认值为:type=”submit”.
带着这种猜测于是开始查找资料,在:https://www.w3.org/TR/2011/WD-HTML5-20110525/the-button-element.html#attr-button-type验证了我的猜测:
The type attribute controls the behavior of the button when it is activated. It is an enumerated attribute. The following table lists the keywords and states for the attribute — the keywords in the left column map to the states in the cell in the second column on the same row as the keyword.Keyword State Brief descriptionsubmit Submit Button Submits the form.reset Reset Button Resets the form.button Button Does nothing.**The missing value default is the Submit Button state.**
截图:
解决办法很明显了:如果该按钮的作用不是为了提交表单的话,我们给其加上type属性就行了:
<button id="validate" type="button" onclick="validate();"></button>
阅读全文
0 0
- button按钮点击表单自动提交的问题
- form表单底下的button按钮点击自动提交恶心问题的解决
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- 在html中点击<button>自动提交表单问题
- 页面点击button自动提交form表单的解决办法
- 关于form表单底下 button自动提交表单的问题
- form表单里面 button标签自动提交表单的问题
- button在Firefox下点击提交表单(form)的问题
- 点击button(非submit按钮)会提交表单的解决方法
- 点击form表单的Input自动提交的问题
- 今天的小bug , 表单按钮自动提交问题
- 关于ie8button按钮自动提交表单问题
- form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置
- form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置
- 最简单的C程序设计——顺序程序设计
- UML类图中箭头和线条的含义和用法
- Divisible number可分割数
- margin-top塌陷现象解决方案
- 在执行launch文件时,如果显示不存在这个package
- button按钮点击表单自动提交的问题
- 基于zookeeper实现分布式锁
- 震惊!数字资产量化交易还可以有这种操作(1)
- RadioGroup动态添加RadioButton,RadioButton设置默认选中第一个,点击其他的RadioButton第一个不再选中,第一个不再选中
- 养成写技术博客的习惯
- vue中normalize.css的使用
- 虚函数表&&多态模型
- 减治、分治与变治
- Java NIO框架Netty教程(一) – Hello Netty