php 禁止按钮触发,jquery禁用和启用按钮，防止重复点击提交

有时我们需要点击按钮通过ajax向服务器提交数据，为了防止重复点击按钮，我们有时会做一些设置。

场景过程：当第一次点击按钮时，通过ajax提交数据，按钮设置为禁用失效，从服务器返回结果后，重新启用按钮。

需要禁用请求提交按钮，一般来说比较简单，只需要通过jquer在按钮中添加disabled属性即可。

实例代码如下：

一.包含文件部分，引用jQuery文件

二.HTML部分

测试

三.Javascript部分

jQuery(document).ready(function(){

jQuery("#test").click(function(){

jQuery(this).attr({"disabled":"disabled"});

postajax();

});

});

var biuuu = {};

postajax = function(){

jQuery.ajax({

url: "服务器处理URL",

success: function(html){

jQuery("#result").append(html);

}

});

jQuery("#test").removeAttr("disabled");

}

当点击测试按钮后，使用jQuery(this).attr({"disabled":"disabled"})语句禁用测试按钮，实质是给测试按钮增加一个disabled属性，然后执行postajax()请求，当请求完全后，使用jQuery("#test").removeAttr("disabled")语句去除禁用按钮属性。

利用jquery对按钮进行禁用和启用非常简单，实际上是用到了jQuery的attr和removeAttr两个函数，给元素添加和删除disabled属性。

声明:如需转载，请注明来源于www.webym.net并保留原文链接：http://www.webym.net/jiaocheng/235.html