首頁 > 開發者 > JavaScript
第一種方法：直接按鈕中加入
當點擊提交後，提交按鈕變灰色不可用，這樣可有效防止重複提交，本代碼就是實現這樣一個功能。從代碼就可以看出，我們只需在提交按鈕上加入這一句： onclick="javascript:{this.disabled=true;document.form1.submit();}"，意思是當按鈕點擊後，將按鈕的不可用屬性設定為true，這樣按鈕就變灰了
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>表單提交後按鈕變成灰色</title></head><body></body></html>
[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>
第三種，跟上面的類似
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html;charset=gb2312"><meta name="keywords" content="站長,網頁特效,js特效,js指令碼,指令碼,廣告代碼" /><meta name="description" content="www.jb51.net,站長特效網，站長必備js特效及廣告代碼。大量高品質js特效，提供高品質廣告代碼下載,盡在站長特效網" /><title>網頁特效 表單提交後按鈕變灰效果三</title></head><body>指令碼之家,站長必備的高品質網頁特效和廣告代碼。</body></html>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
