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 相关文章推荐
[JS]点出统计器
Oct 11 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
Feb 17 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
Dec 07 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
Apr 05 Javascript
angular.extend方法的具体使用
Sep 14 Javascript
JS使用cookie保存用户登录信息操作示例
May 30 Javascript
Vue单文件组件开发实现过程详解
Jul 30 Javascript
react-native 实现购物车滑动删除效果的示例代码
Jan 15 Javascript
如何用JavaScript实现一个数组惰性求值库
May 05 Javascript
适合后台管理系统开发的12个前端框架(小结)
Jun 29 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
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
2009/04/25 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
JavaScript 事件冒泡简介及应用
2010/01/11 Javascript
让ie6也支持websocket采用flash封装实现
2013/02/18 Javascript
如何用js控制frame的隐藏或显示的解决办法
2013/03/20 Javascript
关于js注册事件的常用方法
2013/04/03 Javascript
js实现数字每三位加逗号的方法
2015/02/05 Javascript
jQuery中$(function() {});问题详解
2015/08/10 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
2015/10/10 Javascript
如何防止JavaScript自动插入分号
2015/11/05 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
2017/11/13 Javascript
js异步上传多张图片插件的使用方法
2018/10/22 Javascript
js数组去重的方法总结
2019/01/18 Javascript
vue使用自定义指令实现拖拽
2021/01/29 Javascript
js回到页面指定位置的三种方式
2020/12/17 Javascript
Python import自定义模块方法
2015/02/12 Python
python爬虫headers设置后无效的解决方法
2017/10/21 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
Linux下多个Python版本安装教程
2018/08/15 Python
python实现杨氏矩阵查找
2019/03/02 Python
使用opencv中匹配点对的坐标提取方式
2020/06/04 Python
python删除文件、清空目录的实现方法
2020/09/23 Python
CSS Grid布局教程之浏览器开启CSS Grid Layout汇总
2014/12/30 HTML / CSS
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
SmartBuyGlasses德国:购买太阳镜和眼镜
2019/08/20 全球购物
VC++笔试题
2014/10/13 面试题
2014年十一国庆向国旗敬礼寄语
2014/04/11 职场文书
《真想变成大大的荷叶》教学反思
2014/04/14 职场文书
政府绩效管理实施方案
2014/05/04 职场文书
公司口号大全
2014/06/11 职场文书
后进基层党组织整改方案
2014/10/25 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
详解TS数字分隔符和更严格的类属性检查
2021/05/06 Javascript
python 使用tkinter与messagebox写界面和弹窗
2022/03/20 Python