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

點擊提交按鈕后按鈕變灰色不可用狀態(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ù)的區(qū)別,以實例形式較為簡單的分析了js函數(shù)與php函數(shù)語法及應(yīng)用上的不同點,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-01-01
  • 百度地圖api如何使用

    百度地圖api如何使用

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

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

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

    Ajax驗證用戶名或昵稱是否已被注冊

    本文主要介紹了Ajax驗證用戶名或昵稱是否已被注冊的實例方法。具有很好的參考價值。下面跟著小編一起來看下吧
    2017-04-04
  • JS中JSON.stringify使用場景面試精講

    JS中JSON.stringify使用場景面試精講

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

    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創(chuàng)建動態(tài)表單的方法,實例分析了javascript動態(tài)操作頁面表單元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-07-07
  • JavaScript實現(xiàn)垂直向上無縫滾動特效代碼

    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的最大延時值詳解

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

最新評論