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中的pushStack實現(xiàn)原理和應(yīng)用實例
這篇文章主要介紹了jQuery中的pushStack實現(xiàn)原理和應(yīng)用實例,pushStack是jQuery內(nèi)核中一個非常重要的函數(shù),許多jQuery內(nèi)部函數(shù)中都頻繁用到它,掌握這個函數(shù),有利于理解jQuery的運行原理,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了EasyUI Tree樹組件無限循環(huán)的解決方法,需要的朋友可以參考下2017-09-09
本文主要介紹了jQuery實現(xiàn)一個簡單輪播圖的方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了jQuery基于ajax實現(xiàn)星星評論代碼,可實現(xiàn)實時顯示評論效果的功能,基于Ajax實現(xiàn),非常具有實用價值,需要的朋友可以參考下2015-08-08
本文為大家詳細介紹下Jquery easyui 下loaing效果具體是如何實現(xiàn)的，感興趣的各位可以參考下2013-08-08
jQuery ajax調(diào)用后臺aspx后臺文件的兩種常見方法(不是ashx)
這篇文章主要介紹了jQuery ajax調(diào)用后臺aspx后臺文件的兩種常見方法(不是ashx)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
jQuery如何實現(xiàn)點擊頁面獲得當前點擊元素的id或其他信息
點擊頁面獲得當前點擊元素的id或者其他信息，使用jquery可以輕松做到這一點，下面有個不錯的示例，希望對大家有所幫助2014-01-01
這篇文章主要介紹了jQuery的圖片輪播插件PgwSlideshow使用詳解的相關(guān)資料,需要的朋友可以參考下2016-08-08
下面小編就為大家?guī)硪黄褂肑Query實現(xiàn)圖片輪播效果的實例(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
phpcms的地區(qū)級聯(lián)菜單，感覺寫的挺有意思于是自己也實現(xiàn)了個，感興趣的各位路過的可以參考下哈，希望本例可以幫助到你2013-03-03