当我们处理button的onclick事件时,在onclick里面用jquery异步(async : true)提交表单,如果是在Firefox下可能会导致表单重复提交,在IE下没有这个问题,解决方案是:
<s:form id="form1" onsubmit="return false;">
究其原因: 在button 的onclick事件里面用AJAX 异步提交表单的时候,并且异步提交表单前弹出alert或者蒙板询问用户是否要执行操作,对于用户来说他看到的貌似是提交操作被block住了,但是在FF后台是无法block住点击button的提交的 (同步提交就不会有这个问题!),所以对于用户在FF下实际看到的是那个弹出框一闪而过,没有点击确认按钮前已经自动提交了。
所以上面给出的解决方案是: onsubmit="return false;" 可以屏蔽FF下button 的自动提交。
或者用下面的解决方案: e.preventDefault(); 效果是一样的。
$(document).ready(function(){
$("#button1").click(function (e) {
e.preventDefault();
......
});
});
分享到:
相关推荐
使用jQuery.form插件,实现完美的表单异步提交
NULL 博文链接:https://chenzheng8975.iteye.com/blog/1922970
jQuery异步提交表单 gailan.apply(gailan, { selectPostFrom:function(){ var data = jQuery("#frmAppendix").formSerialize(); jQuery.ajax({ type:"POST", url:"./selectSubmit.jsp", data:data, success:...
基于jquery的异步表单提交【jquery-form.js,其中的Demo是基于SSH的,里面有Struts标签。欢迎下载!
本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下 第一种方式:普通ajax方式提交 $(function(){ $('#send').click(function(){ $.ajax({ type: GET, url: GLOBAL_PATH + /Enterprise/...
jquery.form.js 无刷新异步提交表单js文件 /** * jQuery Form Plugin * version: 3.51.0-2014.06.20 * Requires jQuery v1.5 or later * Copyright (c) 2014 M. Alsup **/
本工程为Java Web工程,演示了如何使用Jquery实现表单的异步提交!
基于jquery的实现异步跨域提交表单的实现代码,需要的朋友可以参考下。
jquery 异步提交的例子。使用的是jquery + servlet 。使用jquery $.get() $.post() 提交请求道servlet 页面
本文实例讲述了JQuery异步提交表单与文件上传功能。分享给大家供大家参考,具体如下: Jquery.form.js是一个可以异步提交表单及上传文件的插件。 示例如下: index.html <!DOCTYPE html> <html> <head&...
jquery下A标签onclick事件的处理,看看看看看看。
仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1、取到页面控件的值后拼接放在data中,传递到后台 方式2、页面序列化后放在data中,传递到后台 注:此种方式需设置页面控件的name属性
JQuery 提交表单,步骤详细并且附有详细图解.学习JQUery不能错过
主要介绍了jQuery异步提交表单实例,需要的朋友可以参考下
jQuery表单提交验证verify一套完整的用户注册前端校验,包含用户名,密码强度,显示隐藏密码,手机号输入控制手机验证码,真实姓名,身份证号等验证。
该资源包含了一个使用jquery提交表单的代码,简单易懂,喜欢的下载。
附件详细说明了异步提交文件的jquery插件的使用方法 详情请下载并解压文件
异步表单提交插件,MVC模式下,可以异步提交指定表单信息,虽然MVC自带有表单提交功能,但是那个是不能提交图片等文件信息的,但是这个JQ可以做到!