如果在form表单中 , 存在button元素,button元素就充当了submit的角色…

<form action="#" method="post"> <input type="text" name="username" class="username" placeholder="请输入您的用户名!"> <input type="password" name="password" class="…

原生button控件,在非ie浏览器下,如果不指定type,默认为submit类型.如果不想自动提交表单,指定type=“button”…

form表单中如果存在button的话,有可能会出现一个问题:点击button,触发了页面的自动刷新事件. 原因是因为<button>标签默认的类型是submit,即默认的button点击就会触发表单的提交事件. <button></button> <!-- 两者是相当的 --> <button type="sumbit"></button> 解决的办法有三个. 1.在<button>标签中添加属性ty…

最近写了一个KendoUI 的kendowindow组件,组件里包含了一个form表单,表单里有一个button,不是提交保存的按钮,而是链接到另一个kendowindow的按钮,跟请求提交毫无关系,但是点击这个button的时候,表单总会直接自动提交,解决方法(3种如下): 1.button换成了span,问题解决. 2.将button标签加上 type="button"的属性 3.用<input type="button"> 标签…

本文参考:http://my.oschina.net/sallency/blog/300568 在开发工作共我们往往会遇到一个表单需要包含多个action不同的提交动作,这时候就不能在使用submit按钮来进行提交了,下面提供通过js来实现这一功能的方法. 示例代码: <form name="demo" method="post"> <!--YOUR DATA AREA--> <input type="button"…

<form id="writeForm" method="post"> <div class="write-btn-tj"> <input type="button" value="提交日志"> </div> <div class="write-btn-drafts"> <input type="button&q…

坑:点击确认按钮,form表单提交2次,发送后台2次请求 //错误代码: <Button id="btnSubmit" name="btnSubmit" class="btn btn-primary" >确认</Button> $("#btnSubmit").click(function(){ $('#formSave').ajaxSubmit(function(data) { if(data.code…

解决Form中button按钮不好用的问题解决办法. 方法一: 1.在Form表单标签中国增加一个属性,如下图,红框处 2.返回按钮样式 3.onclick方法需要跳转的页面,遮挡处为需要返回的页面 方法二: 1.把button按钮的标签换成input标签,那么Form标签中就不用填写action属性,如下图 2. onclick方法 总结:使用from表单时,尽量不要使用button标签,可以换成input,如果必须使用button标签,那么在Form表单中添加action属性. 本文属于原创…

最近在做一个后台管理系统,发现了一个小bug: 问题描述:form表单中有多个button按钮(以下图为例),如果第一个button不写type属性,那么点击第一个button按钮会触发submit事件: 解决办法:给第一个按钮加上type属性.…