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使用Firefox FireBug插件調(diào)試Ajax步驟講解
本文介紹Jquery下的Ajax調(diào)試方法,Jquery Ajax 提供了全功能的 $.ajax() 方法，還有諸如 $.get()，$.getScript()，$.getJSON()，$.post() 和 $().load() 等更為簡(jiǎn)便的方法2013-12-12
jQuery Timelinr實(shí)現(xiàn)垂直水平時(shí)間軸插件(附源碼下載)
jquery.timelinr.js是一款效果非常炫酷的jQuery時(shí)間軸插件。下面腳本之家小編給大家介紹jQuery Timelinr實(shí)現(xiàn)垂直水平時(shí)間軸插件，需要的朋友參考下2016-02-02
jQuery入門基礎(chǔ)知識(shí)學(xué)習(xí)指南
這篇文章主要介紹了jQuery入門基礎(chǔ)知識(shí)學(xué)習(xí)指南,jQuery是當(dāng)下最主流人氣最高的JavaScript庫(kù),需要的朋友可以參考下2015-08-08
Jquery實(shí)現(xiàn)彈出層分享微博插件具備動(dòng)畫效果
此Jquery插件是一款非常實(shí)用的特效，不但有分享功能，還具備了動(dòng)畫效果，提高了用戶體驗(yàn)，感興趣的朋友可以參考下哈2013-04-04
用相對(duì)簡(jiǎn)單的JavaScript代碼，可以創(chuàng)建出能確定用戶地理位置詳細(xì)信息的Web應(yīng)用，包括經(jīng)緯度以及海拔等。一些Web應(yīng)用甚至能通過監(jiān)控用戶位置隨時(shí)間的移動(dòng)來提供導(dǎo)航功能，其中還綜合了GoogleMaps API這樣的地圖系統(tǒng)。2015-04-04
鋒利的jQuery 第三章章節(jié)總結(jié)的例子
改寫《鋒利的jQuery》第三章章節(jié)總結(jié)的例子2010-03-03
jquery插件開發(fā)注意事項(xiàng)小結(jié)
Jquery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架。它是輕量級(jí)的js庫(kù)(壓縮后只有21k) ，它兼容CSS3，還兼容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)2013-06-06
兼容BackCompat,CSS1Compat兩模式渲染的頁(yè)面,測(cè)試的瀏覽器 :friefox ie678 chrome opera2011-02-02
jQuery 核心函數(shù)以及jQuery對(duì)象
首先介紹 jQuery 的幾個(gè)核心函數(shù)，在 jQuery 中它們起著至關(guān)重要的作用，在實(shí)際的前端開發(fā)過程中用到最多的也是它們。2010-03-03
這篇文章介紹了Jquery無須瀏覽實(shí)現(xiàn)直接下載文件的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05