www.3112.net > 如何阻止Form表单中的Button按钮提交

如何阻止Form表单中的Button按钮提交

1、 return false登录2、button有个type属性,属性值可为button、submit、reset button=普通按钮,直接点击不会提交表单 submit=提交按钮,点击后会提交表单 reset=表单复位 当button的type属性值为button时,仅做为一个普通的按钮,并不会提交该表单,此时你可以通过js脚本来提交,而form中不需要加onsubmit事件3、使用preventdefault() 在标准浏览器中,阻止浏览器默认行为使用event.preventdefault(),而在ie6~8中,使用returnvalue属性来实现.

给按钮绑定一个事件(按钮为button).1<input type="button" onclick="dosubmit()" value="提交"/>js中:1234567function dosubmit(){if(){//如果不满足就不提交return false;}//给form绑定一个iddocument.getElementById("form1").submit();}希望能帮助你

$(function(){ $('#sub').click(function(){ return false; }); });

加个disabled="disabled"就可以了 <input type="text" name="text" id="votsub" disabled="disabled">

先说防止表单自动提交: 1、可以为form标签加入 onsubmit 事件,事件调用的方法返回true时,提交,false时不提交. 2、较为全面的方式是为form做一个表单提交前验证,就是在表单提交按钮上添加一个方法:检查所有表单内容是否符合标准,符合就发送ajax请求将数据发到后端保存,不符合就提示用户更正. submit和button的提交表达的区别,submit不用特殊绑定事件,直接回提交当前form中的数据到form指定的地址,button需要单独绑定事件才能达到相同效果.可以理解为submit与form直接相关,button只是一个普通的按钮,用户不为他制定任务他就是一个没用的按钮.

把样式对应的代码删掉就可以啊..建议你用表单大师,看看他们HTML是怎么弄的,你很快就懂了

<html:form action="salChance.do?method=UpdateSalChance" method="post" styleId="from"> <div class="button_bar"> <button class="common_button" onclick="help('');">帮助</button> <button class="common_button"

用submit的话,一点击按钮就会直接提交表单,需要用return false;来阻止表单提交用button是不会自己提交表单的,需要用$("form").submit();

button有个type属性,属性值可为button、submit、resetbutton=普通按钮,直接点击不会提交表单submit=提交按钮,点击后会提交表单reset=表单复位当button的type属性值为button时,仅做为一个普通的按钮,并不会提交该表单,此时你可以通过js脚本来提交,而form中不需要加onsubmit事件.

防止表单自动提交解决办法:1. 在form 中添加:onsubmit="return false;".

网站地图

All rights reserved Powered by www.3112.net

copyright ©right 2010-2021。
www.3112.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com