js防止表单重复提交

1.表单

<form id="addForm"  onsubmit="getElementById('submitInput').disabled=true;return true;" action="save.do"  method="post">
    用户名:<input type="text" name="userName" id="userName" />
    用户密码:<input type="password" name="userPass" id="userPass" />
    <input type="button" id="submitInput" onclick="javascript:save()" value="提交" />
</form>

 2.js代码

// 打开增加界面
function toAdd() {
    // 移除掉disabled属性
    $("#submitInput").removeAttr("disabled");
    ......
}

// 提交表单
function save(){
    // 提交之后,移除掉disabled属性
    $("#addForm").submit();
    $("#submitInput").removeAttr("disabled");
}

 

posted @ 2017-12-22 16:12  小葱拌豆腐~  阅读(288)  评论(0编辑  收藏  举报