javascript中用星號表示預(yù)錄入內(nèi)容的實現(xiàn)代碼
更新時間：2011年01月08日 09:27:59 作者：
在一個WEB項目中，有一個比較特殊點的文本框客戶要求實現(xiàn)在那個文本框錄入數(shù)據(jù)前先用星號（*）表示要錄入的信息（那個文本框要錄入的數(shù)據(jù)位數(shù)是已知的
假如是14話，用戶錄入前就用14暗示用戶可以輸入14個字符），當用戶開始輸入數(shù)據(jù)時，就把*依次替換掉，錄入幾個字符就替換掉幾個*，錄入完后文本框中就只有用戶輸入的信息了。就這么一個功能，還是折磨了我好一會，哎，JS水平還是太菜了，于是發(fā)帖求助，后來在CSDN網(wǎng)友huangwenquan123的熱情相助下，才算把這個問題搞定了，現(xiàn)在直接貼出代碼，希望對有這方面需要的朋友有所幫助：
<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>
相關(guān)文章
Jquery使用Firefox FireBug插件調(diào)試Ajax步驟講解
本文介紹Jquery下的Ajax調(diào)試方法,Jquery Ajax 提供了全功能的 $.ajax() 方法，還有諸如 $.get()，$.getScript()，$.getJSON()，$.post() 和 $().load() 等更為簡便的方法2013-12-12
jQuery Timelinr實現(xiàn)垂直水平時間軸插件(附源碼下載)
jquery.timelinr.js是一款效果非常炫酷的jQuery時間軸插件。下面腳本之家小編給大家介紹jQuery Timelinr實現(xiàn)垂直水平時間軸插件，需要的朋友參考下2016-02-02
這篇文章主要介紹了jQuery入門基礎(chǔ)知識學習指南,jQuery是當下最主流人氣最高的JavaScript庫,需要的朋友可以參考下2015-08-08
此Jquery插件是一款非常實用的特效，不但有分享功能，還具備了動畫效果，提高了用戶體驗，感興趣的朋友可以參考下哈2013-04-04
用相對簡單的JavaScript代碼，可以創(chuàng)建出能確定用戶地理位置詳細信息的Web應(yīng)用，包括經(jīng)緯度以及海拔等。一些Web應(yīng)用甚至能通過監(jiān)控用戶位置隨時間的移動來提供導(dǎo)航功能，其中還綜合了GoogleMaps API這樣的地圖系統(tǒng)。2015-04-04
鋒利的jQuery 第三章章節(jié)總結(jié)的例子
改寫《鋒利的jQuery》第三章章節(jié)總結(jié)的例子2010-03-03
Jquery是繼prototype之后又一個優(yōu)秀的Javascrīpt框架。它是輕量級的js庫(壓縮后只有21k) ，它兼容CSS3，還兼容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)2013-06-06
兼容BackCompat,CSS1Compat兩模式渲染的頁面,測試的瀏覽器 :friefox ie678 chrome opera2011-02-02
首先介紹 jQuery 的幾個核心函數(shù)，在 jQuery 中它們起著至關(guān)重要的作用，在實際的前端開發(fā)過程中用到最多的也是它們。2010-03-03
這篇文章介紹了Jquery無須瀏覽實現(xiàn)直接下載文件的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05