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

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


代码如下:

<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)){//可以输入大小写字母、数字（包括小键盘）
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>

赞 (0)

相关推荐

  • 利用PHP将部分内容用星号替换

    利用PHP将部分内容用星号替换

    在最近的项目中,会碰到到某人的手机号码隐藏中间几位,身份证号码只显示末尾4位的需求.当时一开始是网上搜索了一下,看到有人是用substr_replace这个函数来替换的,后面我也用了这个函数,但在用的时候不是很好用. 一.substr_replace 先来看看这个函数的语法: 复制代码 代码如下: substr_replace(string,replacement,start,length) 参数 描述 string 必需.规定要检查的字符串. replacement 必需.规定要插入的字符串.

  • 批处理delims=和tokens=星号 的使用差别

    比较以下两段代码的执行结果差异: 1. @echo off for /f "delims=" %%i in (test.txt) do echo /%%i/ pause 2. @echo off for /f "tokens=*" %%i in (test.txt) do echo /%%i/ pause test.txt 的内容为: abc .行首有若干空格. 看到有什么差别了吗? 原因:"delims=" 的含义是取消默认的分隔符,所以会把行

  • C#实现在控制台输入密码显示星号的方法

    C#实现在控制台输入密码显示星号的方法

    在控制台输入的内容C#默认按照字符串进行处理,如果直接让用户一次输入完毕就很难实现 显示星号的功能.但是如果让用户一次只能输入一个字符就,在将用户输入的字符替换为星号就可以实现了! 首先,C#中能让用户按下一个按键的方法就是Console.Readkey(),用户一次只能按下一个按键,其中它的另外一个重载方法是Console.ReadKey(bool b),bool类型的参数用来控制是否在控制台上显示用户按下的按键.那么我们可以传入true参数,使用户按下的按键不显示在控制台上,这样光标始终停留

  • PHP用星号隐藏部份用户名、身份证、IP、手机号等实例

    一.仿淘宝评论购买记录隐藏部分用户名,以下代码亲测可用. 复制代码 代码如下: function cut_str($string, $sublen, $start = 0, $code = 'UTF-8') {     if($code == 'UTF-8')     {         $pa = "/[\x01-\x7f]|[\xc2-\xdf][\x80-\xbf]|\xe0[\xa0-\xbf][\x80-\xbf]|[\xe1-\xef][\x80-\xbf][\x80-\xbf]|\

  • Shell脚本中实现把输入的密码转换为*（星号）的方法

    如果你需要写一段与用户交互,且需要输入一些敏感信息的(例如:用户密码.License等),那么直接用printf+read的方式,就会把用户输入的信息显示在屏幕了,这是不符合信息安全的,而且对客户体验来说也显得不够专业,所以就需要将用户输入的密码转换为*,样式如下: please input your passwd:1234 修改为: please input your passwd:**** 那么具体如何实现呢,请往下看-- #!/bin/sh getchar() { stty cbreak

  • PHP实现手机号码中间四位用星号（*）隐藏的自定义函数分享

    php屏蔽电话号码中间四位: 复制代码 代码如下: Method 1: function hidtel($phone){     $IsWhat = preg_match('/(0[0-9]{2,3}[\-]?[2-9][0-9]{6,7}[\-]?[0-9]?)/i',$phone); //固定电话     if($IsWhat == 1){         return preg_replace('/(0[0-9]{2,3}[\-]?[2-9])[0-9]{3,4}([0-9]{3}[\-]

  • php隐藏IP地址后两位显示为星号的方法

    本文实例讲述了php隐藏IP地址后两位显示为星号的方法.分享给大家供大家参考.具体实现方法如下: 我们在很多的公共网站中都会有碰到显示用户的IP时后面几个IP段显示为星号了,这样很好的保护了用户隐私了,感兴趣的朋友可以一起来看看. php正则格式化IP地址,隐藏后一位. 例子 复制代码 代码如下: <?php //隐藏后一位 return preg_replace('/(\d+)\.(\d+)\.(\d+)\.(\d+)/is',"$1.$2.$3.*",$ip);   //隐藏

  • python下函数参数的传递(参数带星号的说明)

    函数参数的使用又有俩个方面值得注意:1.函数参数是如何定义的 2.在调用函数的过程中参数是如何被解析 先看第一个问题,在python中函数参数的定义主要有四种方式: 1.F(arg1,arg2,...) 这 是最常见的定义方式,一个函数可以定义任意个参数,每个参数间用逗号分割,用这种方式定义的函数在调用的的时候也必须在函数名后的小括号里提供个数相等的 值(实际参数),而且顺序必须相同,也就是说在这种调用方式中,形参和实参的个数必须一致,而且必须一一对应,也就是说第一个形参对应这第一个实参.例 如

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

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

  • javascript实现上传图片并预览的效果实现代码

    今天用alphaimageloader滤镜的src属就是其中的主角它将使用绝对或相对url地址指定背景图像.假如忽略此参数,滤镜将不会作用. 复制代码 代码如下: <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http

  • IOS中用正则表达式判断输入的内容为8-16位且同时包含数字和字母

    今天在项目中需要用到判断用户输入的用户名长度为8-16位且同时包含数字和字母,在网上搜了一下正则表达式的用法,然后参考这篇文章,完美解答了问题.记录一下: 密码有如下要求:由数字和字母组成,并且要同时含有数字和字母,且长度要在8-16位之间. 如何分析需求?拆分!这就是软件设计的一般思路了.于是乎,拆分需求如下: 1,不能全部是数字 2,不能全部是字母 3,必须是数字或字母 只要能同时满足上面3个要求就可以了,写出来如下: ^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z

  • javascript实现的图片预览功能

    本文实例讲述了javascript实现的图片预览功能.分享给大家供大家参考,具体如下: 1.将下面的代码复制到<head>内 <script> /* Thumbnail image viewer- ?Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ function

  • JavaScript使用readAsDataUrl方法预览图片

    本文实例为大家分享了readAsDataUrl方法预览图片的具体代码,供大家参考,具体内容如下 <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta nam

  • JavaScript实现图片本地预览功能【不用上传至服务器】

    JavaScript实现图片本地预览功能【不用上传至服务器】

    本文实例讲述了JavaScript实现图片本地预览功能.分享给大家供大家参考,具体如下: 实现一个在file文件域中选定图片文件之后,马上进行预览.不用预上传到服务器,整缩略图再打回前端用Ajax去预览的.直接利用JavaScript即可以完成,而且还可以兼容IE6.具体效果,如下图所示: 具体实现是在非IE浏览器利用HTML5去显示,在IE浏览器则直接调用IE的滤镜功能去实现.具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra

  • javascript实现的图片预览和上传功能示例【兼容IE 9】

    本文实例讲述了javascript实现的图片预览和上传功能.分享给大家供大家参考,具体如下: 下载DEMO:https://github.com/CaptainLiao/zujian/tree/master/Upload 对于现代浏览器来说,要实现图片预览非常简单: 1.fileReader.readAsDataURL(file) 2.window.URL.createObjectURL(file) 以上两种方法分别可以得到一个base64和一个blob对象的URL地址,从而实现预览.但是,他们

  • JavaScript实现图片放大预览效果

    JavaScript实现图片放大预览效果

    代码实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style

  • JavaScript比较两个数组的内容是否相同(推荐)

    今天意外地发现JavaScript是不能用==或===操作符直接比较两个数组是否相等的. alert([]==[]); // false alert([]===[]); // false 以上两句代码都会弹出false. 因为JavaScript里面Array是对象,==或===操作符只能比较两个对象是否是同一个实例,也就是是否是同一个对象引用.目前JavaScript没有内置的操作符判断对象的内容是否相同. 但是惯性思维让人以为数组也是值,是可以比较的. 如果要比较数组是否相等,就只能遍历数组

  • JavaScript使用FileSystemObject对象写入文本文件内容的方法

    JavaScript使用FileSystemObject对象写入文本文件内容的方法

    本文实例讲述了JavaScript使用FileSystemObject对象写入文本文件内容的方法.分享给大家供大家参考.具体如下: 这段代码主要是练习JavaScript的FileSystemObject对象,用它来让JavaScript向一个文本文件中写入内容,这个TXT文件的路径你可以自己指定,然后定义好要写入的内容,运行代码,你会发现原来的TXT文本中的内容已改变. 运行效果如下图所示: 具体代码如下: <html> <head> <title>写入文本文件<

随机推荐