JS防止表单重复提交
html代码
<form action="booking.php" method="post" name="chkForm" id="chkForm" >
姓名：<input name="real_name" type="text" id="real_name" class="inputBg" size="20" value="" />
<input type="button" id="but" value="提交" class="bnt_blue_1" style="cursor:pointer" onClick="checkAdd();" />
js代码
function checkAdd() {
var real_name = $.trim($("#real_name").val());
if(real_name == ""){
alert(‘姓名不能为空‘);
$("#real_name").focus();
return false;
}
document.getElementById(‘chkForm‘).submit();
document.getElementById(‘but‘).disabled="disabled";//禁止重复提交
}
$("#but").click(function(){ //jquery点击事件 当点击（提交按钮)之后 则显示（提交中...）
$(this).val("提交中...");
});
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
