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("提交中...");
});