按钮倒计时,防止多次提交后台

jquery-Countdown

按钮倒计时,防止多次提交后台
支持点击按钮前事件,和倒计时前事件!方面使用者添加表单验证和后台数据对接! ##运行demo git clone https://github.com/HouJushang/jquery-Countdown.git 然后 打开 index.html 就可以了
线上demo ##demo代码解析

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>按钮倒计时demo</title> </head> <body> <button>点击发送短信</button> </body> <script src="jquery.min.js"></script> <script src="jquery.countdown.js"></script> <script> $('button').countdown({ time: 4, text: "重发", befor: function(){ //可以执行表单验证 if(confirm('表单验证是否成功')){ $('button').text('loading....'); return true; //表单验证执行成功 触发按钮事件 }else{ return false; } }, after: function (star) { //按钮事件执行函数 例如ajax向后台发送数据 if(confirm('ajax数据请求是否成功')){ star(); //执行按钮事件 }else{ return false; } } }) </script> </html>

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。