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

 

var default_a = $(':radio[name="default_a"]:checked').val(); js获取单选按钮中的name值

 

 

onclick="JavaScript:this.value=''" 登录框提示效果