form表单下的button按钮会自动提交表单的问题
来源:互联网 发布:电视节目片头制作软件 编辑:程序博客网 时间:2024/06/05 03:46
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下的表单提交问题
- 推荐几个网站 以后可用得到
- 项目加载编译实质性流程
- java 多态环境下对 方法和成员变量的调用
- JZOJ__Day 7:【普及模拟】max
- Kruskal/prim--最小生成树
- form表单下的button按钮会自动提交表单的问题
- Paint常用方法总结
- JZOJ 1774. 合并果子 (Standard IO)
- PAT程序设计考题——甲级1077(Kuchiguse ) C++实现
- git去除已经add index的文件
- 暑假杂感
- 作为一名及格的站长都知道内容为王,外链为皇”,一个上网站想要有一个好的排名除了要有吸惹人高质量的内容外还需要强年夜的外链。对于网站内容要环绕网站主题,若是自己文采欠好可以伪原创下,万万不要用工具伪原创
- python语言学习代码联系--small甲鱼课程学习
- 旋转矩形框