DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 點擊提交按鈕後按鈕變灰色不可用狀態的三種方法
點擊提交按鈕後按鈕變灰色不可用狀態的三種方法
編輯:關於JavaScript     

第一種方法:直接按鈕中加入

當點擊提交後,提交按鈕變灰色不可用,這樣可有效防止重復提交,本代碼就是實現這樣一個功能。從代碼就可以看出,我們只需在提交按鈕上加入這一句: 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需刷新才能執行]

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved