點擊提交按鈕后按鈕變灰色不可用狀態(tài)的三種方法
更新時間：2013年09月16日 22:21:42 作者：
當(dāng)點擊提交后，提交按鈕變灰色不可用，這樣可有效防止重復(fù)提交，本代碼就是實現(xiàn)這樣一個功能
第一種方法：直接按鈕中加入
當(dāng)點擊提交后，提交按鈕變灰色不可用，這樣可有效防止重復(fù)提交，本代碼就是實現(xiàn)這樣一個功能。從代碼就可以看出，我們只需在提交按鈕上加入這一句： onclick="javascript:{this.disabled=true;document.form1.submit();}"，意思是當(dāng)按鈕點擊后，將按鈕的不可用屬性設(shè)置為true，這樣按鈕就變灰了
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
第二種方法：通過onSubmit事件實現(xiàn)，并且可以將變灰按鈕變?yōu)榭捎?/STRONG>
在form里面添加 onSubmit事件，如果表單加入了判斷，那么這個方法直接就可以用了，記住就放到最后，否則一開始就為灰了，但我們加上了一個使提交按鈕變?yōu)榭捎玫拇a，
即可防止重復(fù)提交信息，也可以防止代碼問題導(dǎo)致不可提交的情況
復(fù)制代碼 代碼如下:
<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需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
js函數(shù)與php函數(shù)的區(qū)別實例淺析
這篇文章主要介紹了js函數(shù)與php函數(shù)的區(qū)別,以實例形式較為簡單的分析了js函數(shù)與php函數(shù)語法及應(yīng)用上的不同點,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
如果想用百度地圖api，首先需要先獲取一個百度地圖api的密鑰，然后引入百度地圖的api，這篇文章就講下百度地圖api如何使用的相關(guān)資料，需要的朋友可以參考下2015-08-08
utf-8編碼引起document.writeln輸出中文亂碼的解決辦法2010-06-06
本文主要介紹了Ajax驗證用戶名或昵稱是否已被注冊的實例方法。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要為大家介紹了JS中JSON.stringify使用場景面試精講,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
Webpack devServer中的 proxy 實現(xiàn)跨域的解決
這篇文章主要介紹了Webpack devServer中的 proxy 實現(xiàn)跨域的解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
javascript創(chuàng)建動態(tài)表單的方法
這篇文章主要介紹了javascript創(chuàng)建動態(tài)表單的方法,實例分析了javascript動態(tài)操作頁面表單元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
JavaScript實現(xiàn)垂直向上無縫滾動特效代碼
下面小編就為大家?guī)硪黄狫avaScript實現(xiàn)垂直向上無縫滾動特效代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了微信小程序左右滾動公告欄效果代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
JS中setTimeout和setInterval的最大延時值詳解
這篇文章主要介紹了JS中setTimeout和setInterval的最大延時值的相關(guān)資料，文中通過示例代碼介紹的很詳細(xì)，相信對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。2017-02-02