JQuery的submitHandler重复提交

最新推荐文章于 2021-08-07 02:17:45 发布
转载 最新推荐文章于 2021-08-07 02:17:45 发布 · 1.5k 阅读 · 0

本文探讨了在使用submitHandler进行表单验证时，如何避免重复提交的问题。通过修改submitHandler函数参数，确保表单在验证通过后仅提交一次，防止前端stack溢出。

转自：https://blog.youkuaiyun.com/m0_37998944/article/details/78698748

之前做表单验证，有设置submitHandler

submitHandler: function(){

$("form").submit();

}

这样表单验证通过后会自动提交。。。。

改为

submitHandler: function(form){

form.submit();

}

否则，button按钮提交表单之后，表单会提交两次，前端造成stack 溢出
 

beidaol
关注
jQuery（六）插件、Validate验证提交表单、submitHandler、更改错误信息显示的位置、required、Validator、内置验证方式表、validate ()的可选项汇总
qq_43456781的博客
08-20 2792
jQuery（六）插件、Validate验证提交表单、submitHandler、更改错误信息显示的位置、required、Validator、内置验证方式表、validate ()的可选项汇总 文章目录jQuery（六）插件、Validate验证提交表单、submitHandler、更改错误信息显示的位置、required、Validator、内置验证方式表、validate ()的可选项汇总1. jQuery Validate导入 js 库（使用CDN）默认校验规则默认提示使用方式1、将校验规则写到控件
（表单重复提交）jquery验证 通过时，提交按钮变灰，不通过时正常显示
A9925的专栏
03-13 2261
原理 ，所有表单验证通过后，form.submit();进行表单提交。 实例1 因此在在验证回来通过之后，表单提交前 设置提交按钮为灰 document.getElementById("signupbutton").disabled=true;             form.submit();   //自定义验证规则 $(document).rea
submitHandle:提交句柄
06-04
submitHandle submitHandle 使用说明 ： 1.申明submit变量 为提交按钮 2.regs对象为表单验证正则表达式对象 3.引入此文件。
jQuery validate插件submitHandler提交导致死循环解决方法
11-23
本文实例讲述了jQuery validate插件submitHandler提交导致死循环解决方法。分享给大家供大家参考，具体如下： dom对像的提交form.submit();和jquery对像的提交$(”).submit();功能上是没有什么区别的。但是如果用了jquery validate插件，提交时这二个就区别大了。$(”).submit();提交时，jquery validate会进行验证，submitHandler里面如果写了$(”).submit();会导致死循环，而form.submit();则不会。 这个问题是个小问题，如果不注意，或者写习惯了，容易出错；并且出错时，很难查找。
JQuery的submitHandler
热门推荐
m0_37998944的博客
12-02 2万+
之前做表单验证，有设置submitHandler submitHandler: function(){ $("form").submit(); } 这样表单验证通过后会自动提交。。。。 改为 submitHandler: function(form){ form.submit(); } 否则，button按钮提交表单之后，表单会提交两次，前端造成stack 溢出 ...
jquery的submitHandler
鱼骨头
04-17 1268
submitHandler: 通过验证后运行的函数,里面要加上表单提交的函数,否则表单不会提交 $(".selector").validate({    submitHandler:function(form) { $(form).ajaxSubmit();    } })       转载自http://www.cnblogs.com/maping2018/archive/...
Jquery Validation插件防止重复提交表单的解决方法
10-29
在文章中，提供了一种使用Jquery Validation插件来解决重复提交问题的方法。当Jquery Validation验证完成之后，会触发提交表单的操作，并且立即禁用提交按钮。这里的关键在于在表单数据验证完毕之后执行禁用按钮和...
jQuery.validate 常用方法及需要注意的问题
10-27
通过jQuery Validate的submitHandler函数，我们可以用AJAX方式提交表单。这样做的好处是可以在不离开当前页面的情况下，将数据发送到服务器，并获取响应。可以利用jQuery的ajaxSubmit方法实现这一功能。当使用AJAX...
基于jQuery Validate插件实现注册表单验证
这种模式不仅能提高用户体验，还能有效防止重复提交问题。同时，服务器端仍需做二次验证，因为客户端验证可被绕过，安全性不能完全依赖前端。 值得一提的是，jQuery Validate 提供了丰富的回调函数接口，如 ...
validate中submitHandler采用ajaxsubmit导致表单重复提交
mgp1995的博客
03-03 4907
validate中submitHandler采用ajaxsubmit导致表单重复提交         在这几日的表单验证实践中，由于我的三个form都放在一个页面上，所以在submit上采用的是ajax方式来提交表单。我采用了Jquery的插件jquery.form插件。         插件下载地址：http://plugins.jquery.com/form/。         在HTM
ajax中 submithandler,jQuery使用submitHandler中的AJAX验证，第二次点击提交？
weixin_34976470的博客
08-07 1192
的submitHandler的工作是提交表单，不登记表单提交事件处理程序。当formm提交事件被触发时，submitHandler会被调用，而不是提交您正在注册提交处理程序的表单，因此当表单提交事件首次被触发时，表单未被提交。当第一次触发提交事件时，验证器会处理提交事件，然后触发您注册的处理程序，触发ajax请求。在你只需要在submitHandler发送Ajax请求没有必要注册事件处理$("#a...
关于jquery防止多次递交表单
ttzj5201314的博客
01-18 229
$(document).ready(function() { $('form').submit(function() { if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') { jQuery.data(this, "disabledOnSubmit", { submited: true });...
关于使用jquery form submit出现多次提交的问题
weixin_30252709的博客
05-14 552
错误的写法： $(this).submit(function () { $(this).ajaxSubmit({ url: opts.url, type: 'post', dataType: 'json...
ajax post 不起作用,jQuery验证submitHandler在$ .ajax post表单数据中不起作用
weixin_36292971的博客
08-05 438
我使用$.ajax发送数据并使用jQuery验证插件进行验证，如下所示：SendJS：jQuery(document).ready(function ($) {$('#myform').validate({rules: {name: {required: true,rangelength: [4, 20],},},submitHandler: function (form) {$("#ajax-1...
jquery submit 解决多次提交
牛奔的博客
09-16 644
jquery submit 解决多次提交 web应用中常见的问题就是多次提交，由于表单提交的延迟，有时几秒或者更长，让用户有机会多次点击提交按钮，从而导致服务器端代码的种种麻烦。 为了解决这个问题，我们可以绑定处理程序到表单的提交事件上，在提交按钮第一次点击之后禁止提交按钮。 $('#notice_rotationlist_add_dialog_form').submit().attr('dis...
jQuery ajaxSubmit 自动重复提交表单问题解决
yancy_peng的博客
04-26 817
jQuery ajaxSubmit 自动重复提交表单问题解决个人笔记使用一、问题描述：当提交一次时一切看似正常，但是当提交第二次时，表单会进行两次提交，三次时会提交三次，以此类推。二、 解决后的效果如下图：三、准备工作：需要先引入jQuery.js 和 jQuery插件jQuery.form.js1、ajaxSubmit 封装代码如下：2、使用并提交表单代码如下： 个人笔记使用 一、问题描述：当提交一次时一切看似正常，但是当提交第二次时，表单会进行两次提交，三次时会提交三次，以此类推。 二、 解决后的效果如
Jquery通过submitHandler 实现验证后跳转到别的页面
yuxuan89814的专栏
08-05 1万+
小鱼想实现通过验证后，
Jquery validate(submitHandler函数)验证通过发送Ajax
weixin_30877227的博客
05-11 588
js代码： 1 $(function() { 2 $('#form').validate({ 3 onkeyup : false, 4 rules : { 5 oldPassword:{ 6 required:true, 7 remote ...
jQuery Validation 插件实现表单验证
例如，可以通过 `errorPlacement` 自定义错误信息的显示位置，通过 `submitHandler` 指定表单提交时的处理函数。 2. **内置验证规则** 插件自带了一系列常用的验证规则，如 `required`（必填）、`email`（邮箱...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值