`
pan_java
  • 浏览: 286255 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jquery 禁用 submit 按钮 防止重复

    博客分类:
  • java
阅读更多
function disabledButton() {
	$("input[@type='submit']").each(function () {
	    $(this).bind("click", function () {
		   $(this).attr("disabled", true);
		   $(this).parents().filter("form").trigger("submit");
		});
	});
}


var initFun = window.onload;
if (initFun == null) {
	window.onload = disabledButton;
} else {
	window.onload = function () {
		initFun();
		disabledButton();
	};
}



生成js文件,页面加载就可以了.用submit 按钮生效
分享到:
评论

相关推荐

    【原创】jSubmitLoading防止重复提交 v1.0

    作用是禁用提交按钮,防止表单重复提交 1、禁用/启用按钮 $("#btnSub").subLoading({enabled:false}) $("#btnSub").subLoading({enabled:true}) 2、禁用后定时启用 $("#btnSub").subLoading({enabled:false,timeout:...

    jQuery实现防止提交按钮被双击的方法

    总结来说,使用jQuery防止提交按钮双击的核心在于合理利用`.one()`事件监听器的自动解绑机制,结合`preventDefault()`和`prop()`方法,从而实现防止表单重复提交的目的。这些技巧不仅在单个按钮的场景中适用,也可以...

    防止Layui form表单重复提交的实现方法

    为了进一步增强用户体验,可以在提交按钮上使用禁用属性,防止用户在表单正在提交的时候重复点击提交按钮。例如,可以在AJAX请求开始时禁用按钮,在请求完成或者失败后重新启用按钮。 在实现过程中,开发者需要注意...

    Jquery 复选框选中之后 按钮才能点击

    5. **测试和调试**:保存并预览页面,确保当复选框被选中时,按钮变为可点击,取消选中时,按钮恢复为禁用状态。 以上就是使用Jquery实现“复选框选中后按钮才能点击”的基本流程。如果项目中同时涉及到JSP(Java...

    Jquery Validation插件防止重复提交表单的解决方法

    该方法允许我们在表单验证通过之后执行一些操作,例如禁用提交按钮,并且使用Jquery的“submit”方法来提交表单。 在上述代码示例中,当表单通过验证之后,“submitHandler”会首先找到表单中的提交按钮并将其禁用...

    JQuery实现的按钮倒计时效果

    它首先禁用按钮,防止用户在倒计时过程中再次点击。然后,更新按钮的值,显示剩余的秒数。当倒计时归零时,恢复按钮的可用状态,清除定时器并重置按钮的值。 ```javascript function CountDown() { $("#btn").attr...

    jquery 防止表单重复提交代码

    为了防止禁用按钮的动作过于迅速,导致用户实际上没有足够时间看到按钮被禁用,我们可以在禁用按钮的动作上设置一个微小的延迟,比如使用 `setTimeout`。 下面是一个具体的 `jQuery` 代码实现: ```javascript //...

    遮罩层方法(jquery)

    在本例中,我们将探讨如何使用jQuery来实现这样一个遮罩层,特别关注其在防止按钮重复提交和表单重复提交中的应用。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。在...

    10个超棒jQuery表单操作代码片段

    对于Ajax操作,这可以防止用户在请求处理期间重复提交。禁用按钮使用`attr("disabled", true)`,启用则使用`removeAttr("disabled")`,注意避免错误地使用`.attr('disabled',false)`。 ```javascript $("#some...

    jquery-prevent-double-submit:防止双重提交 jQuery 插件

    为了防止这种情况,开发人员通常会采用一些策略,如禁用提交按钮或者使用JavaScript进行控制。"jquery-prevent-double-submit"是一个jQuery插件,专门设计用于解决这个问题,确保表单只会被提交一次。 ### 插件简介...

    JQuery实现倒计时按钮具体方法

    在网页开发中,有时我们需要为用户操作添加一些交互性,比如点击按钮后,按钮变为禁用状态并显示倒计时,以防止用户频繁或重复点击。这种功能在JQuery中可以很容易实现。本文将详细解释如何使用JQuery来实现一个倒...

    jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

    这时,我们可以利用jQuery来实现一个提交按钮,在点击后变成“正在处理”的字样,并且禁用按钮,防止重复提交。接下来,我们将详细介绍这种技术实现的原理和具体的步骤。 首先,我们来看看HTML表单提交的常规流程。...

    BootStrap中按钮点击后被禁用按钮的最佳实现方法

    除了上述方法,还可以结合HTML5的`form`元素和`submit`事件,利用`event.preventDefault()`阻止表单重复提交,同时禁用提交按钮。例如: ```html <!-- 表单内容 --> <button type="submit" id="submitButton">...

    jquery提交form表单时禁止重复提交的方法

    1. 利用HTML表单自带的提交控制属性:在表单提交按钮上添加一个属性,比如`disabled`,以禁用提交按钮,防止用户进行重复点击。这种方法简单易用,但是通过审查元素还是可以绕过的。 2. 使用JavaScript变量跟踪表单...

    jQuery新浪微博用户评论表单代码.zip

    为了提升用户体验,我们还可以利用jQuery实现一些增强功能,比如表单提交后的提示信息、输入验证错误的实时提示、按钮禁用防止重复提交等。这些细节处理能够使用户更加流畅地使用评论功能。 总结,jQuery新浪微博...

    几个实用的 jQuery 表单操作代码片段

    对于使用Ajax提交的表单,我们通常需要在提交期间禁用提交按钮,以防止重复提交。下面的代码展示了如何禁用和启用按钮。 ```javascript // 禁用按钮 $("#somebutton").attr("disabled", true); // 启用按钮 $...

    Gravity-Forms--Disable-Submit:提交表单后,禁用“重力表单”表单中的“提交”按钮(例如,快十倍!!)。

    在处理用户提交的表单时,确保表单提交按钮在点击后被禁用是一个重要的用户体验优化策略,这可以防止用户无意中多次提交同一表单,从而避免数据冗余或处理混乱。在“重力表单-禁用提交”的场景中,我们将讨论如何...

    一个jquery注册界面

    - 特效:例如,提交按钮在点击后禁用,防止重复提交;或者使用滑动验证,增加注册的安全性。 4. **pattern.png**:这可能是一个背景图案或图标资源。在注册界面中,它可以作为页面的背景图片,增加视觉吸引力,...

    Ajax表单提交插件jquery form

    通过使用jQuery Form插件,可以添加进度条、禁用提交按钮等特性,提供更好的用户体验。例如,当表单正在提交时,可以禁用提交按钮: ```javascript $('#myForm').ajaxForm({ beforeSubmit: function() { $('#...

    按钮显示和隐藏

    - **禁用按钮**:通过将 `<input type="submit">` 的 `disabled` 属性设置为 `true` 来禁用按钮。 - **启用按钮**:当复选框被选中时,通过 `agreesubmit` 函数将按钮的 `disabled` 属性设置为 `false`,从而使按钮...

Global site tag (gtag.js) - Google Analytics