點擊提交按鈕后按鈕變灰色不可用狀態(tài)的三種方法
第一種方法:直接按鈕中加入
當(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)致不可提交的情況
<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-01Webpack devServer中的 proxy 實現(xiàn)跨域的解決
這篇文章主要介紹了Webpack devServer中的 proxy 實現(xiàn)跨域的解決,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-06-06javascript創(chuàng)建動態(tài)表單的方法
這篇文章主要介紹了javascript創(chuàng)建動態(tài)表單的方法,實例分析了javascript動態(tài)操作頁面表單元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07JavaScript實現(xiàn)垂直向上無縫滾動特效代碼
下面小編就為大家?guī)硪黄狫avaScript實現(xiàn)垂直向上無縫滾動特效代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11JS中setTimeout和setInterval的最大延時值詳解
這篇文章主要介紹了JS中setTimeout和setInterval的最大延時值的相關(guān)資料,文中通過示例代碼介紹的很詳細(xì),相信對大家具有一定的參考價值,需要的朋友們下面來一起看看吧。2017-02-02