首页 > 代码库 > 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防止表单重复提交