button 取消默认submit

表单里的button默认是submit类型

今天很坑爹,周六一大早加班开始码代码,本来想做数据加密测试,于是乎用tp框架搭建了一个应用环境,二话不说,开始码码. 但,今天一大早就栽坑!直到同事喊吃饭还在坑里出不来!吃完饭继续码,最后码的我想哭o(╥﹏╥)o 我发现,只要是我在加上了<form>标签,我的button绑定的ajax就提交失败,我的button明明没有标记“type=submit”为毛感觉每次ajax提交失败,但页面却莫名奇妙的被刷新!!! 毁三观场面描述如下: 去掉form,点击button,ajax提交成功,顺利执行了a

button的默认type居然是submit

今天使用了html中的button标签,用js写了一点代码来完成onclick实践,当我点下它的时候,它不仅执行了我写的function,还把表单给提交了,一查它的button居然是sumbit. 然后我把自己所有的浏览器都测试了一遍,包括IE 11.Firefox 32.chrome 38,发现这些浏览器button的默认类型都是submit,哎,下次写button时自觉加上type="button"吧,或者使用type是button的input.

jquery取消事件冒泡和取消默认行为

$('button').click(functon(e){ /*code*/ e.stopPropagation();//取消事件冒泡 e.preventDefault();//取消默认行为 })

form表单重复提交，type=“button”和type=“submit”区别

公司测试提了一个项目后台在IE浏览器下(360,firefox就没问题)出现数据重复的问题,调试了好久终于发现问题所在,也不知道是谁写的代码,醉醉的.... 错误地点: <input type="submit" value="提交" class="btn" id="formSubmit" onclick="checkForm()" /> type类型写成submit,而在checkForm

type="button"和type="submit"的区别

type=＂button＂ ,＂submit＂的区别(转) Submit是专门用于提交表单的Button,与Button的区别主要有两点: type=button 就单纯是按钮功能 type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件,Button并非如此 (2)表单提交时,所有具有name属性的html输入元素(包括input标签.button标签.select标签等)都将作为键值对提交,除了Submit对象.Su

VUE - 取消默认事件

1,在 methods 中 <template> <div> <form @submit="addTodo"> <input v-model="title" type="text" name="title"> <input type="submit" value="添加" class=&

Activity取消默认转场动画;去掉默认转场动画;

取消默认转场动画: 一般启动一个新的Activity都默认有切换的动画效果,比如打开界面时从右至左的移动.关闭时从右向左的移动,又或者是上下移动.但是有的时候我们不想要这个动画怎么办? 来上代码: manifest中全局的: <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" a

百度小程序button去掉默认边框

百度小程序button去掉默认边框: button::after{ border:none; }

一个取消事件的简单js例子(事件冒泡与取消默认行为)

先上代码: <div id='outer' onclick='alert("我是outer")'> <div id="middle" onclick='alert("我是middle")'> <div id="inner" onclick='myBubble(arguments[0]);alert("我是inner")'><a onclick='myDefault(

JQuery事件e参数的方法preventDefault()取消默认行为

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="js/jquery-1.7.1.

Pycharm取消默认的右击运行unittest方法

Pycharm取消默认的右击运行unittest方法:File-> Settings -> Tools -> Python Integrated Tools -> Default test runner ,将Unittests改为py.test即可:

DevExpress GridControl如何取消默认的显示方式

DevExpress GridControl如何取消默认的显示方式,就是表格中好像还嵌套了一个表格,下面有个折叠‘+’按钮,我需要显示的是就是单表格的样式效果. 默认的样式如图: 我需要显示的效果图: 在后面加上一句代码就行了. this.gridDeptInfo.PopulateColumns();

WebStorm取消默认style样式折叠

WebStorm取消默认style样式折叠: File--->Settings打开一个窗口 Edit--->CodeFolding 把HTML style attribute的前面的钩去掉[取消勾选] 右下角点击Apply--->ok

Spring Boot取消默认tomcat启动，打成war包发布到服务器运行

一.设置打包方式在pom.xml中设置打包格式 <packaging>war</packaging> 二.取消Spring Boot的tomcat  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-tomcat</artifactId> &

微信小程序中button去除默认的边框

button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-right:14px; box-sizing:border-box; font-size:18px; text-align:center; text-decoration:none; line-height:2.55555556; border-radius:5px; -webkit-

IE 中的 button type默认值问题

今天遇到一个问题. 将项目页面的渲染模式从 IE7 改为 IE10 后(<meta http-equiv="X-UA-Compatible" content="IE=10" />),发现表单中的“重置”按钮把表单提交了. <button onclick="clearContent()">重置</button> 上网查询了一下原因原来是IE不同版本中对 button 元素的 type 属性的默认值设置是不同的.

DataGridView取消默认选中行

DataGridView在添加数据后会默认选中第一个单元格或者第一行,我就想取消它的默认选中行.在DataGridView绑定数据之后加上了ClearSelection().这样一来,不论是启动窗体之后还是重新更新数据,都不会有默认选中行了. 代码就是这几个,只要放对地方,其中任意一个都能实现取消选中的效果. 程序代码 dataGridView1.ClearSelection(); //dataGridView1.CurrentCell

jquery防止事件冒泡和取消默认行为案例

----------------js取消事件冒泡: window.event.cancelBubble=true; --------------jquery事件参数可以防止事件冒泡: $("#id").click(function(e){ alert("郭"); e.stopPropagation();//防止冒泡 }); -----------------除了return false之外: 这样在id之外的标签事件就不会触发: $("#id")

xamarin forms中的Button文本默认大写

问题来源使用xamarin forms创建的android项目中,Button.Toolbar的右侧菜单按钮上的如果是字母的话,在android5.0以上,默认的文本都是大写,这种情况iOS项目不存在,是正常的显示.google公司把android的按钮文本默认大写,这个肯定和英语国家阅读习惯有关,但是iOS却是正常显示,有点难以解释google为什么将android的按钮文本默认成大写.问题如图: 分析其实这个问题的产生的原因还是因为在5.0中在Button使用的Theme是这个,默认已

小程序去掉 <button /> 组件默认 border 边框样式

代码: <button class="btn">点击</button> 效果图: 目的:去掉 <button /> 默认样式中的 background 和 border 代码: .btn { background: none; border: none; } 效果图: 可以看到,background 没有了,但 border 仍然在解决办法: .btn:after { border: none; } 效果图: 目的达到

Android中Selector的用法(改变ListView和Button的默认背景)

Android中的Selector的用法 http://blog.csdn.net/shakespeare001/article/details/7788400#comments Android中的Selector主要是用来改变ListView和Button控件的默认背景 one template: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http:

button 取消默认submit

热门专题