页面按钮点击后10秒内不可点击(前端防止重复提交)

一、按钮是个div

页面

提交

css

.disable {
	pointer-events: none;
}

js

function savePay() {
	// 禁用点击事件
	$("#but").addClass("disable");

	// 提交业务

	// 10秒后启用点击事件
	setTimeout(function(){
		$("#but").removeClass("disable");
	},10000);
}

二、按钮是个button

页面


js

function savePay() {
	// 禁用点击事件
	$("#but").attr("disabled",true);

	// 提交业务

	// 10秒后启用点击事件
	setTimeout(function(){
		$("#but").removeAttr("disabled");
	},10000);
}

你可能感兴趣的:(前端)