第一種方法:直接按鈕中加入
當點擊提交後,提交按鈕變灰色不可用,這樣可有效防止重復提交,本代碼就是實現這樣一個功能。從代碼就可以看出,我們只需在提交按鈕上加入這一句: onclick="javascript:{this.disabled=true;document.form1.submit();}",意思是當按鈕點擊後,將按鈕的不可用屬性設置為true,這樣按鈕就變灰了
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
第二種方法:通過onSubmit事件實現,並且可以將變灰按鈕變為可用
在form裡面添加 onSubmit事件,如果表單加入了判斷,那麼這個方法直接就可以用了,記住就放到最後,否則一開始就為灰了,但我們加上了一個使提交按鈕變為可用的代碼,
即可防止重復提交信息,也可以防止代碼問題導致不可提交的情況
復制代碼 代碼如下:
<form name=form1 action="" onSubmit=" return closebut()" >
<input name="imageField" type="submit" class="inputbut" value="確定" /><br>
<input type="button" name="hui" id="hui" value="讓提交按鈕可用" onclick="document.form1.imageField.disabled=false" />
</form>
<script>
function closebut(){
document.form1.imageField.disabled=true;
}
</script>
第三種,跟上面的類似
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]