點(diǎn)擊提交按鈕后按鈕變灰色不可用狀態(tài)的三種方法
第一種方法:直接按鈕中加入
當(dāng)點(diǎn)擊提交后,提交按鈕變灰色不可用,這樣可有效防止重復(fù)提交,本代碼就是實(shí)現(xiàn)這樣一個(gè)功能。從代碼就可以看出,我們只需在提交按鈕上加入這一句: onclick="javascript:{this.disabled=true;document.form1.submit();}",意思是當(dāng)按鈕點(diǎn)擊后,將按鈕的不可用屬性設(shè)置為true,這樣按鈕就變灰了
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
第二種方法:通過(guò)onSubmit事件實(shí)現(xiàn),并且可以將變灰按鈕變?yōu)榭捎?/STRONG>
在form里面添加 onSubmit事件,如果表單加入了判斷,那么這個(gè)方法直接就可以用了,記住就放到最后,否則一開(kāi)始就為灰了,但我們加上了一個(gè)使提交按鈕變?yōu)榭捎玫拇a,
即可防止重復(fù)提交信息,也可以防止代碼問(wèn)題導(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需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
js函數(shù)與php函數(shù)的區(qū)別實(shí)例淺析
這篇文章主要介紹了js函數(shù)與php函數(shù)的區(qū)別,以實(shí)例形式較為簡(jiǎn)單的分析了js函數(shù)與php函數(shù)語(yǔ)法及應(yīng)用上的不同點(diǎn),具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01JS中JSON.stringify使用場(chǎng)景面試精講
這篇文章主要為大家介紹了JS中JSON.stringify使用場(chǎng)景面試精講,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10Webpack devServer中的 proxy 實(shí)現(xiàn)跨域的解決
這篇文章主要介紹了Webpack devServer中的 proxy 實(shí)現(xiàn)跨域的解決,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06javascript創(chuàng)建動(dòng)態(tài)表單的方法
這篇文章主要介紹了javascript創(chuàng)建動(dòng)態(tài)表單的方法,實(shí)例分析了javascript動(dòng)態(tài)操作頁(yè)面表單元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07JavaScript實(shí)現(xiàn)垂直向上無(wú)縫滾動(dòng)特效代碼
下面小編就為大家?guī)?lái)一篇JavaScript實(shí)現(xiàn)垂直向上無(wú)縫滾動(dòng)特效代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11JS中setTimeout和setInterval的最大延時(shí)值詳解
這篇文章主要介紹了JS中setTimeout和setInterval的最大延時(shí)值的相關(guān)資料,文中通過(guò)示例代碼介紹的很詳細(xì),相信對(duì)大家具有一定的參考價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-02-02