javascript中用星號(hào)表示預(yù)錄入內(nèi)容的實(shí)現(xiàn)代碼
更新時(shí)間:2011年01月08日 09:27:59 作者:
在一個(gè)WEB項(xiàng)目中,有一個(gè)比較特殊點(diǎn)的文本框客戶要求實(shí)現(xiàn)在那個(gè)文本框錄入數(shù)據(jù)前先用星號(hào)(*)表示要錄入的信息(那個(gè)文本框要錄入的數(shù)據(jù)位數(shù)是已知的
假如是14話,用戶錄入前就用14暗示用戶可以輸入14個(gè)字符),當(dāng)用戶開始輸入數(shù)據(jù)時(shí),就把*依次替換掉,錄入幾個(gè)字符就替換掉幾個(gè)*,錄入完后文本框中就只有用戶輸入的信息了。就這么一個(gè)功能,還是折磨了我好一會(huì),哎,JS水平還是太菜了,于是發(fā)帖求助,后來在CSDN網(wǎng)友huangwenquan123的熱情相助下,才算把這個(gè)問題搞定了,現(xiàn)在直接貼出代碼,希望對(duì)有這方面需要的朋友有所幫助:
<script type="text/javascript" src="http://demo.jb51.net/JSlib/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#txtCustomsCode").keydown(function(e){//給所需要處理的文本框處理keydown事件
e=e||window.event;
var code = e.keyCode||e.which;
if((code>=96&&code<=105)||(code>=65&&code<=90)||(code>=48&&code<=57)){//可以輸入大小寫字母、數(shù)字(包括小鍵盤)
var userkeydown = $(this).val().substr(14);
var reg = /\*/;
$(this).val($(this).val().replace(reg,userkeydown));
$(this).val($(this).val().substr(0,14))
}
else
$(this).val($(this).val().substr(0,14))
})
})
</script>
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="http://demo.jb51.net/JSlib/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#txtCustomsCode").keydown(function(e){//給所需要處理的文本框處理keydown事件
e=e||window.event;
var code = e.keyCode||e.which;
if((code>=96&&code<=105)||(code>=65&&code<=90)||(code>=48&&code<=57)){//可以輸入大小寫字母、數(shù)字(包括小鍵盤)
var userkeydown = $(this).val().substr(14);
var reg = /\*/;
$(this).val($(this).val().replace(reg,userkeydown));
$(this).val($(this).val().substr(0,14))
}
else
$(this).val($(this).val().substr(0,14))
})
})
</script>
您可能感興趣的文章:
- 批處理delims=和tokens=星號(hào) 的使用差別
- python下函數(shù)參數(shù)的傳遞(參數(shù)帶星號(hào)的說明)
- PHP用星號(hào)隱藏部份用戶名、身份證、IP、手機(jī)號(hào)等實(shí)例
- Shell腳本中實(shí)現(xiàn)把輸入的密碼轉(zhuǎn)換為*(星號(hào))的方法
- PHP實(shí)現(xiàn)手機(jī)號(hào)碼中間四位用星號(hào)(*)隱藏的自定義函數(shù)分享
- php隱藏IP地址后兩位顯示為星號(hào)的方法
- 利用PHP將部分內(nèi)容用星號(hào)替換
- C#實(shí)現(xiàn)在控制臺(tái)輸入密碼顯示星號(hào)的方法
相關(guān)文章
jQuery中的pushStack實(shí)現(xiàn)原理和應(yīng)用實(shí)例
這篇文章主要介紹了jQuery中的pushStack實(shí)現(xiàn)原理和應(yīng)用實(shí)例,pushStack是jQuery內(nèi)核中一個(gè)非常重要的函數(shù),許多jQuery內(nèi)部函數(shù)中都頻繁用到它,掌握這個(gè)函數(shù),有利于理解jQuery的運(yùn)行原理,需要的朋友可以參考下2015-02-02jQuery實(shí)現(xiàn)一個(gè)簡(jiǎn)單的輪播圖
本文主要介紹了jQuery實(shí)現(xiàn)一個(gè)簡(jiǎn)單輪播圖的方法,具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02jQuery基于ajax實(shí)現(xiàn)星星評(píng)論代碼
這篇文章主要介紹了jQuery基于ajax實(shí)現(xiàn)星星評(píng)論代碼,可實(shí)現(xiàn)實(shí)時(shí)顯示評(píng)論效果的功能,基于Ajax實(shí)現(xiàn),非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08jQuery ajax調(diào)用后臺(tái)aspx后臺(tái)文件的兩種常見方法(不是ashx)
這篇文章主要介紹了jQuery ajax調(diào)用后臺(tái)aspx后臺(tái)文件的兩種常見方法(不是ashx)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06jQuery如何實(shí)現(xiàn)點(diǎn)擊頁面獲得當(dāng)前點(diǎn)擊元素的id或其他信息
點(diǎn)擊頁面獲得當(dāng)前點(diǎn)擊元素的id或者其他信息,使用jquery可以輕松做到這一點(diǎn),下面有個(gè)不錯(cuò)的示例,希望對(duì)大家有所幫助2014-01-01使用JQuery實(shí)現(xiàn)圖片輪播效果的實(shí)例(推薦)
下面小編就為大家?guī)硪黄褂肑Query實(shí)現(xiàn)圖片輪播效果的實(shí)例(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10