form表单下的button按钮会自动提交表单的问题
来源:互联网 发布:军训合照能上传网络吗 编辑:程序博客网 时间:2024/06/05 08:55
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
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- form表单下的button不设置type会自动提交表单
- 关于form表单底下 button自动提交表单的问题
- form表单里面 button标签自动提交表单的问题
- form表单底下的button按钮点击自动提交恶心问题的解决
- button按钮点击表单自动提交的问题
- button在Firefox下点击提交表单(form)的问题
- 回车自动提交Form表单的问题
- 页面点击button自动提交form表单的解决办法
- 当button按钮放入form表单进行ajax提交遇到的诡异问题
- form表单中button自动提交表单
- form表单中button自动提交表单
- 表单中的button标签会自动提交表单问题
- 关于FORM下的表单提交问题
- Android:签名打包后关闭Log打印
- 软件测试
- InputStream 的坑!
- Java中wait和sleep方法的区别
- idea 中使用mongo 客户端 不用开一堆桌面 一个工具全搞定
- form表单下的button按钮会自动提交表单的问题
- 对javascript半包理解
- 轰炸理解深度学习里面的encoder-decoder模型
- vue
- Content type expected:<application/json;charset=UTF-8> but was:<application/hal+json;charset=UTF-8>
- Activity UI界面架构图
- pixhawk视频学习笔记
- 使用QTGraphics View 框架实现地图浏览
- go连接mysql