关于使用jquery form submit出现多次提交的问题

错误的写法:

$(this).submit(function () {
                    $(this).ajaxSubmit({
                        url: opts.url,
                        type: ‘post‘,
                        dataType: ‘json‘,
                        beforeSubmit: function () {
                            opts.beforeSubmit();
                        },
                        success: function (result) {
                            opts.success(result);
                        }
                    });
                    return false;
                }).submit();

下面是正确的写法:

$(this).ajaxSubmit({
                    url: opts.url,
                    type: ‘post‘,
                    dataType: ‘json‘,
                    beforeSubmit: function () {
                        opts.beforeSubmit();
                    },
                    success: function (result) {
                        opts.success(result);
                    }
                });
                return false;

去掉了外层的Jquery的submit提交。

时间: 2024-08-02 07:09:25

关于使用jquery form submit出现多次提交的问题的相关文章

jquery.form.js 让表单提交更优雅

jquery.form.js 让表单提交更优雅.可以页面不刷新提交表单,比jQuery的ajax提交要功能强大. 1.引入 <script src="/src/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="/src/jquery.form.js"></script> 2.使用 $(function () { va

jQuery通过jquery.form.js插件使用AJAX提交Form表单

我简单使用了一下,jQuery Form插件有一下优点:  1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可.想提交那个form.就可提交那个.同时提交参数可配置.5.支持提交多种类型数据.如:xml,json等. 主要的函数: 1.ajaxForm 增加所有需要的事件监听器,为AJAX提交表单做好准备.ajaxForm不能提交表单.在document的ready函数中,使用ajaxForm来为AJAX提交

使用Jquery.form.js ajax表单提交插件弹出下载提示框

现象: 使用jquery的from做ajax表单提交的时候,后台处理完毕返回json字符串,此时浏览器提示下载一个json文件而不是在success里面继续解析该json对象. 具体的原因: 浏览器兼容性的问题.在谷歌和火狐下没这个问题,我用的ie9测试是有这个问题的.具体的详细我参照的该链接: http://zhidao.baidu.com/link?url=uTXondC9ECEfdObEWbq7V2O7-UW_oXtoVcneVqH_Dmj2hUXjM3y6wMFnQYsUupdWC0Tf

Jquery/js submit()无法提交问题

有朋友可能会直接利用js或jquery来提交数据而不是使用表单直接提交了,小编来给大家介绍小编碰到的一个问题就是 submit()无法提交,下面我们来看解决办法与原因分析. jquery无法提交  代码如下 复制代码 <form action="register.php" method="post"> <label>邮箱:</label> <input type="text" class="lo

Jquery.Form和jquery.validate 的使用

有些功能需要我们利用Ajax技术进行POST提交表单,这时候就需要用到jquery.Form ,它有两种方式进行提交,AjaxForm和AjaxSubmit方式.            AjaxForm 方式必须先绑定表单,它一般在$(document).ready(function () {}里定义,它能让表单不刷新页面的情况下POST到目标. 如:                     $(document).ready(function () {                   $(

http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html#getting-started

Jquery.Form 异步提交表单实例 http://www.aqee.net/docs/jquery.form.plugin/jquery.form.plugin.html#getting-started 1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记: <form id="myForm" method="post" action="/Home/AjaxForm"><div>Name:<inp

django form的提交 --比较ajax提交与form submit提交

form submit方式可以实现提交,错误信息显示,原填写内容再次返回给页面. 或者取已有信息,填充form 2 ajax提交后端需要json.dumps包装为json.前端需要设置datatype后端通过Httpresponse返回给json,通过json跳转. 页面 原文地址:http://blog.51cto.com/13606158/2087864

jquery中使用$(#form).submit()提交表单无效原因分析及解决Script

今天写了一个表单验证,验证的时候没有任何问题,但是页面提交不了,很诡异,然后各种百度,查了一下的原因是input的id不能为submit 注意:提交表单的时候,input的id不能为submit <dl> <dd> <label>角色名称:</label> <input type="text" id="role_name" name="name" style="text-indent

jQuery.form.js jQuery ajax异步提交form

jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传. 官网下载地址:http://plugins.jquery.com/form/ API ajaxForm 增加所有需要的事件监听器,为ajax提交表单做准备.ajaxForm并不能提交表单.在document的ready函数中,使用ajaxForm来为ajax提交表单进行准备. 接受0个或1个参数.参数可以是一个回调函数,也可以是一个Options对象. $("#formid").ajaxForm(