javascript中用星号表示预录入内容的实现代码


Posted in Javascript onJanuary 08, 2011

假如是14话,用户录入前就用14暗示用户可以输入14个字符),当用户开始输入数据时,就把*依次替换掉,录入几个字符就替换掉几个*,录入完后文本框中就只有用户输入的信息了。就这么一个功能,还是折磨了我好一会,哎,JS水平还是太菜了,于是发帖求助,后来在CSDN网友huangwenquan123的热情相助下,才算把这个问题搞定了,现在直接贴出代码,希望对有这方面需要的朋友有所帮助:

<script type="text/javascript" src="http://demo.3water.com/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)){//可以输入大小写字母、数字(包括小键盘) 
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>
Javascript 相关文章推荐
Javascript 写的简单进度条控件
Jan 22 Javascript
extjs中grid中嵌入动态combobox的应用
Jan 01 Javascript
js取float型小数点后两位数的方法
Jan 18 Javascript
JS中的forEach、$.each、map方法推荐
Apr 05 Javascript
JavaScript String 对象常用方法详解
May 13 Javascript
AngularJS 路由详解和简单实例
Jul 28 Javascript
jQuery获取Table某列的值(推荐)
Mar 03 Javascript
js实现返回顶部效果
Mar 10 Javascript
Angularjs 动态添加指令并绑定事件的方法
Apr 13 Javascript
详解JavaScript按概率随机生成事件
Aug 02 Javascript
Vue.js组件通信之自定义事件详解
Oct 19 Javascript
JavaScript Image对象实现原理实例解析
Aug 26 Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 #Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
Jan 08 #Javascript
Jquery Ajax请求代码(2)
Jan 07 #Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 #Javascript
神奇的7个jQuery 3D插件整理
Jan 06 #Javascript
jquery下为Event handler传递动态参数的代码
Jan 06 #Javascript
Jquery下判断Id是否存在的代码
Jan 06 #Javascript
You might like
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
laravel中短信发送验证码的实现方法
2018/04/25 PHP
js removeChild 障眼法 可能出现的错误
2009/10/06 Javascript
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
2009/12/04 Javascript
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
MyEclipse取消验证Js的两种方法
2013/11/14 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
2013/12/12 Javascript
jquery选择器大全 全面详解jquery选择器
2014/03/06 Javascript
jQuery页面刷新(局部、全部)问题分析
2016/01/09 Javascript
Node.js Addons翻译(C/C++扩展)
2016/06/12 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
2017/03/07 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
2017/04/19 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
2018/09/18 Javascript
微信小程序授权登录及解密unionId出错的方法
2018/09/26 Javascript
vue实现多级菜单效果
2019/10/19 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛
2017/12/06 DOTA
跟老齐学Python之再深点,更懂list
2014/09/20 Python
python中is与双等于号“==”的区别示例详解
2017/11/21 Python
使用python对文件中的数值进行累加的实例
2018/11/28 Python
Python编写一个验证码图片数据标注GUI程序附源码
2019/12/09 Python
对python中return与yield的区别详解
2020/03/12 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
numpy的Fancy Indexing和array比较详解
2020/06/11 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
优质美利奴羊毛袜,不只是徒步旅行:Darn Tough Vermont
2018/11/05 全球购物
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
历史教育专业个人求职信
2013/12/13 职场文书
预备党员承诺书
2014/03/25 职场文书
2014-2015学年工作总结
2014/11/27 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
Python Pycharm虚拟下百度飞浆PaddleX安装报错问题及处理方法(亲测100%有效)
2021/05/24 Python