教程集 > 脚本编程 > javascript > 正文 JS动态密码输入键盘控件源代码

JS动态密码输入键盘控件源代码

发布时间：2016-11-20 编辑：jiaochengji.com

教程集为您提供JS动态密码输入键盘控件源代码等资源，欢迎您收藏本站，我们将为您提供最新的JS动态密码输入键盘控件源代码资源

我们看到动态密码输入最多的就是银行网站要求用户输入密码时都是动态随机的数字键盘了，下面来一个更高级的动态密码输入控件，每输入一个数字，键盘数字随机排一次。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" ><html> <head> <title>动态密码输入控件代码演示</title> <script type="text/javascript" language="javascript"> //定义全局容器ID var OBJID = "layerDisplay"; //对象选择器 function $(obj) { return document.getElementById(obj); } //加载键盘控件 function load() { var id = OBJID; //控制内部HTML $(id).innerHTML = ""; //重新加载空间库 $(id).innerHTML = getControl(); //显示 $(id).style.display = "block"; } //隐藏 function hide(){ var id = OBJID; $(id).style.display = "none"; } //获取控件 function getControl(){ var strHtml = ""; //初始化键盘 strHtml = initNum(5); //OK按钮 strHtml = ""; //隐藏按钮 strHtml = ""; //设置按钮并显示 return strHtml; } function addNum(obj){ var strVal = null; //空对象 if(null == obj){ return; } //空字符串,或不合法字符串 strVal = obj.value; if("" == strVal || 0 == strVal.length) { return; } //追加字符 $("txtDisplay").value = strVal // load() } //初始化数字键盘 function initNum(line){ var strHtml = ""; var arr = new Array() if(line < 1 || line > 10){ return; } //编制随机数组 while(arr.length < 10){ //取0-9之间的整数 var num = Math.floor(10*Math.random()); //遍历数组找到空位 var flag = false; for(var i=0 ; i < arr.length ;i ){ if(arr[i] == num){ flag = true; break; } } if(!flag){ arr[arr.length] = num; } } //输出按钮列表 for(var i = 9; i >= 0 ; i --) { strHtml = ''; //控制换行 if(0 == (i % line)){ strHtml = '
'; } } return strHtml } </script> <style type ="text/css"> input{border:1px solid #CCC; margin:1px;} .text{height:20px;width:200px; font-size:28px;} .number{height:20px; width:20px; color:#00F;} .command{height:20px; width:50px; color:#F00;} #layerDisplay{position :absolute; top:40px; left:10px; z-index:1000; border:1px solid #CCC;background-color:#EEE; display:none;} </style> </head> <body>

</body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
JS动态密码输入键盘控件源代码
 JS禁止浏览器后退键的实现代码
 javascript禁止Backspace退格键的多种方法
 BitLocker加密后电脑重装后加密盘符无法访问
 U盘启动清除系统密码怎么用 U启动清除系统密码方法
 JavaScript监听IME键盘输入事件实例详解
 js 禁止文本框输入空格的代码
 js获取键盘输入信息的代码示例
 Win10磁盘100%占用空间不足怎么办
 jquery onpropertychange键盘事件用法举例

上一篇：Javascript全选和不选效果代码下一篇：JavaScript dialog弹出div提示效果代码

[关闭]

JS动态密码输入键盘控件源代码

最近更新

浏览排行