首页 > 代码库 > JS防止表单重复提交
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="http://www.mamicode.com/提交" 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("提交中...");
});
JS防止表单重复提交