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弹出关闭遮罩层实例
Aug 06 Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
Apr 15 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
Feb 16 Javascript
javascript实现最长公共子序列实例代码
Feb 05 Javascript
JavaScript中var、let、const区别浅析
Jun 24 Javascript
详解几十行代码实现一个vue的状态管理
Jan 28 Javascript
ES5新增数组的实现方法
May 12 Javascript
JS如何实现手机端输入验证码效果
May 13 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
Nov 05 Javascript
原生js实现放大镜组件
Jan 22 Javascript
vue3.0中使用element的完整步骤
Mar 04 Vue.js
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
2020年4月放送!《Princess Connect Re:Dive》制作组 & 角色声优公开!
2020/03/06 日漫
社区(php&amp;&amp;mysql)三
2006/10/09 PHP
PHPMailer邮件类利用smtp.163.com发送邮件方法
2008/09/11 PHP
php $_SERVER当前完整url的写法
2009/11/12 PHP
PHP也能干大事 随机函数
2015/04/14 PHP
thinkPHP使用post方式查询时分页失效的解决方法
2015/12/09 PHP
yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析
2016/01/09 PHP
php生成条形码的图片的实例详解
2017/09/13 PHP
自己的js工具_Form 封装
2009/08/21 Javascript
基于jQuery的树控件实现代码(asp.net+json)
2010/07/11 Javascript
js弹出层永远居中实现思路及代码
2013/11/29 Javascript
javascript结合ajax读取txt文件内容
2014/12/05 Javascript
jquery实现仿新浪微博评论滚动效果
2015/08/06 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
深入解析Vue 组件命名那些事
2017/07/18 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
2017/07/24 Javascript
ES6/JavaScript使用技巧分享
2017/12/14 Javascript
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
2019/10/12 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
[02:39]我与DAC之Newbee.Moogy:从论坛到TI
2018/03/26 DOTA
使用python实现rsa算法代码
2016/02/17 Python
利用python如何处理nc数据详解
2018/05/23 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
Python爬取成语接龙类网站
2018/10/19 Python
python实现维吉尼亚加密法
2019/03/20 Python
Python3之手动创建迭代器的实例代码
2019/05/22 Python
python 利用turtle库绘制笑脸和哭脸的例子
2019/11/23 Python
Tensorflow tf.tile()的用法实例分析
2020/05/22 Python
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
Javascript如何发送一个Ajax请求
2015/01/26 面试题
董事长助理工作职责范本
2014/07/01 职场文书
2019年七夕情人节浪漫祝福语大全!
2019/08/08 职场文书
JS setTimeout与setInterval的区别
2022/04/20 Javascript