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 相关文章推荐
jquery对表单操作2
Apr 06 Javascript
jQuery jcrop插件截图使用方法
Nov 20 Javascript
angularJS 如何读写缓冲的方法(推荐)
Aug 06 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
简单两步使用node发送qq邮件的方法
Mar 01 Javascript
深入理解 JS 垃圾回收
Jun 03 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
Nov 06 Javascript
React 父子组件通信的实现方法
Dec 05 Javascript
JavaScript实现PC端四格密码输入框功能
Feb 19 Javascript
js实现简单的贪吃蛇游戏
Apr 23 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
Nov 11 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
php预定义常量
2006/12/25 PHP
用PHP实现读取和编写XML DOM代码
2010/04/07 PHP
php使用substr()和strpos()联合查找字符串中某一特定字符的方法
2015/05/12 PHP
PHP+mysql实现的三级联动菜单功能示例
2019/02/15 PHP
laravel-admin 在列表页添加自定义按钮的例子
2019/09/30 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
javascript smipleChart 简单图标类
2011/01/12 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
2014/04/04 Javascript
在myeclipse中如何加入jquery代码提示功能
2014/06/03 Javascript
css与javascript跨浏览器兼容性总结
2014/09/15 Javascript
扒一扒JavaScript 预解释
2015/01/28 Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
2018/05/04 Javascript
Vue-不允许嵌套式的渲染方法
2018/09/13 Javascript
详解react阻止无效重渲染的多种方式
2018/12/11 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
2020/06/04 Javascript
Python的Flask开发框架简单上手笔记
2015/11/16 Python
深度定制Python的Flask框架开发环境的一些技巧总结
2016/07/12 Python
一个基于flask的web应用诞生(1)
2017/04/11 Python
对numpy中数组元素的统一赋值实例
2018/04/04 Python
python3下使用cv2.imwrite存储带有中文路径图片的方法
2018/05/10 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
python3实现在二叉树中找出和为某一值的所有路径(推荐)
2019/12/26 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
html5 自定义播放器核心代码
2013/12/20 HTML / CSS
巴西男士个人护理产品商店:SHOP4MEN
2017/08/07 全球购物
介绍一下JMS编程步骤
2015/09/22 面试题
护士实习自我鉴定
2013/10/22 职场文书
工程班组长岗位职责
2013/12/30 职场文书
物理力学求职信
2014/02/18 职场文书
四年级评语大全
2014/04/21 职场文书
环境监测与治理技术专业求职信
2014/07/06 职场文书
商铺门面租房协议书
2014/10/21 职场文书
申报材料格式
2014/12/30 职场文书
追讨欠款律师函
2015/05/27 职场文书
反邪教教育心得体会
2016/01/15 职场文书