关于form表单中button按钮自动提交问题

关键词：

//错误代码:
<Button id="btnSubmit" name="btnSubmit" class="btn btn-primary" >确认</Button>

$("#btnSubmit").click(function(){
    $('#formSave').ajaxSubmit(function(data) {
    if(data.code == 0){
         $.alert({
            title: '提示!',
            content: '添加成功!'
        }); 
    }
    });
});

//改正后代码:
<input id="btnSubmit" type="button" class="btn btn-primary" value="确认"/>

同时看到一片文章:如何阻止form表单中的button按钮提交,不过还未实践,有兴趣的可以自己试试.

禁止button标签提交form表单，变成普通按钮

...可为button、submit、resetbutton=普通按钮，直接点击不会提交表单submit=提交按钮，点击后会提交表单reset=表单复位当button的type属性值为button时，仅做为一个普通的按钮，并不会提交该表单，此时你可以通过js脚本来提交，而form中不... 查看详情

如何阻止form表单中的button按钮提交

<formaction="#"method="post"><inputtype="text"name="username"class="username"placeholder="请输入您的用户名！"><inputtype="password"name="password"class="password"placeholder="请输入您的用户密码！">< 查看详情

在html5中button和submit有啥分别?

...来都是按钮，所不同的是type属性和处发响应的事件上2、表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成提交两次的效果，对于... 查看详情

关于button标签会刷新页面的问题

当button标签在form表单里面时，这时点击button按钮会提交表单刷新页面。<formaction=""> <button>点击</button>//会刷新页面（实测ie7及以下不会刷新，其他高版本ie、谷歌、火狐都会刷新）</form>但在再button里添加 typ... 查看详情

多个按钮提交一个form表单

多个按钮提交一个form表单，然后执行控制层不同的方法在button的onclick事件下可以重写form的action属性<buttonclass="common_button"onclick="form1.action=‘${ctx}/report/drainExcel‘;form1.submit();">导出Excel</button> 查看详情

submit和button的区别

...，也是button的一种，它把提交这个动作自动集成了。如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成提交两次的效果，对于... 查看详情

关于button在form表单内的自动刷新

今天在开发中遇到了ajax传数据到后台，处理结果正常，返回的resultMap是一个Map<String,Object>类型，但是返回时显示‘Failtoloadresponsedata‘,多次调试无果，最后在html静态页面中发现<button>标签并没有被<form>表单包裹，在... 查看详情

关于form表单里包裹的btn按钮

遇到一个问题<buttonid="clipBtn"class="clipbtn">保存照片</button> 这串代码在点击保存的时候页面一直刷新，后来发现form包裹的按钮的 type属性默认是submit应该设置为button<buttonid="clipBtn"type="button"class="clipbtn">保存照... 查看详情

通过button将form表单的数据提交到action层

　form表单中不需要写action的路径，需要给form表单一个唯一的id，将你要提交的信息的表单中的标签name="action中的javabean对象.javabean属性"。给button按钮添加一个onclick()点击事件，并实现该点击事件，在该onclick()方法中通过ajax将form... 查看详情

关于表单自动提交的问题及解决方式

在js中，我们常常会用到表单提交，但小编今天遇到一个问题：在删除所有引用的js文件之后，页面还是刷新最后发现问题如下：在js中，使用表单提交，即使你不写$("XXX").submit()也会使得表单提交，那如何寻找这种问题解决方式... 查看详情

jquerysubmit和ajax提交表单的区别

...们平时点击submit按钮一样的功能。一般地，submit()根据form表单的参数进行表单提交，而且提交的是整个表单。ajax，提交的数据和表单本身无关，你可以提交任何数据（在不在表单里面都无所谓），然后不刷新当前界面而获取到... 查看详情

表单提交时submit按钮的值没有被提交(代码片段)

FORM表单中，submit提交的时候，有时候有值，有时候无值FORM表单中，submit的name是Submit。如下<inputtype="submit"name="Submit"value="提交表单"/>1.出现的几种情况1.当点击submit按钮时，FORM被提交，提交后获取的数组中有Submit下标的值2.... 查看详情

htmlbutton自动提交表单问题

在ie中，button默认的type是button，而其他浏览器和W3C标准中button默认的属性都是submit，所以在chrome中，需要使用<buttontype="button"></button>。 查看详情

阻止form回车自动提交

 问题:当form表单中只有一个input时,在input中按回车键会自动提交.解决方案:　　1.form元素上加onsubmit="returnfalse"(推荐)　　2.多个input存在时按回车不会自动提交(注意:表单中有提交按钮的话,该方法不行)　　3.给input绑定onkeydown事... 查看详情

html表单

HTML表单表单用于获取不同类型的用户输入常用表单标签：form表单标签：<form>表单数据</form>action：提交地址method：提交方式post：装包提交get：url提交，可以在地址中显示 input标签：单行文本框：type:类型name:名字value... 查看详情

form表单中多个button按钮必须声明type类型

最近在做一个后台管理系统，发现了一个小bug：问题描述：form表单中有多个button按钮（以下图为例），如果第一个button不写type属性，那么点击第一个button按钮会触发submit事件；解决办法：给第一个按钮加上type属性。   查看详情

form表单回车提交问题

最近发现在form里的一个input敲击回车键时会提交form表单。查了资料，发现会出现这个情况的原因是浏览器帮我们做了处理。这里总结几条规则：1. 如果表单里有一个type=”submit”的按钮，回车键生效。2.如果表单里只有一个ty... 查看详情

解决html表单提交后页面自动刷新的问题

...How2J上的一个js小练习时，发现在使用<button>按钮提交表单后，使用js改变的页面元素只是出现了一下后立即消失了。通过仔细研究才了解到：在表单的提交按钮如果没有type属性，在点击提交按钮后页面会自动刷新，导致使用... 查看详情