欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

點(diǎn)擊提交按鈕后按鈕變灰色不可用狀態(tài)的三種方法

 更新時(shí)間:2013年09月16日 22:21:42   作者:  
當(dāng)點(diǎn)擊提交后,提交按鈕變灰色不可用,這樣可有效防止重復(fù)提交,本代碼就是實(shí)現(xiàn)這樣一個(gè)功能

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

當(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)致不可提交的情況

復(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需再刷新一下頁(yè)面才能執(zhí)行]

相關(guān)文章

  • js函數(shù)與php函數(shù)的區(qū)別實(shí)例淺析

    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-01
  • 百度地圖api如何使用

    百度地圖api如何使用

    如果想用百度地圖api,首先需要先獲取一個(gè)百度地圖api的密鑰,然后引入百度地圖的api,這篇文章就講下百度地圖api如何使用的相關(guān)資料,需要的朋友可以參考下
    2015-08-08
  • utf-8編碼引起js輸出中文亂碼的解決辦法

    utf-8編碼引起js輸出中文亂碼的解決辦法

    utf-8編碼引起document.writeln輸出中文亂碼的解決辦法
    2010-06-06
  • Ajax驗(yàn)證用戶名或昵稱是否已被注冊(cè)

    Ajax驗(yàn)證用戶名或昵稱是否已被注冊(cè)

    本文主要介紹了Ajax驗(yàn)證用戶名或昵稱是否已被注冊(cè)的實(shí)例方法。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
    2017-04-04
  • JS中JSON.stringify使用場(chǎng)景面試精講

    JS中JSON.stringify使用場(chǎng)景面試精講

    這篇文章主要為大家介紹了JS中JSON.stringify使用場(chǎng)景面試精講,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-10-10
  • Webpack devServer中的 proxy 實(shí)現(xiàn)跨域的解決

    Webpack devServer中的 proxy 實(shí)現(xiàn)跨域的解決

    這篇文章主要介紹了Webpack devServer中的 proxy 實(shí)現(xiàn)跨域的解決,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-06-06
  • javascript創(chuàng)建動(dòng)態(tài)表單的方法

    javascript創(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-07
  • JavaScript實(shí)現(xiàn)垂直向上無(wú)縫滾動(dòng)特效代碼

    JavaScript實(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-11
  • 微信小程序左右滾動(dòng)公告欄效果代碼實(shí)例

    微信小程序左右滾動(dòng)公告欄效果代碼實(shí)例

    這篇文章主要介紹了微信小程序左右滾動(dòng)公告欄效果代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-09-09
  • JS中setTimeout和setInterval的最大延時(shí)值詳解

    JS中setTimeout和setInterval的最大延時(shí)值詳解

    這篇文章主要介紹了JS中setTimeout和setInterval的最大延時(shí)值的相關(guān)資料,文中通過(guò)示例代碼介紹的很詳細(xì),相信對(duì)大家具有一定的參考價(jià)值,需要的朋友們下面來(lái)一起看看吧。
    2017-02-02

最新評(píng)論