js实现登录验证码


Posted in Javascript onDecember 22, 2016

Js代码:

/**
* 验证码
*/
function yzm(){
var codeChars = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 



'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z',



'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');

var code=""; 

for(var i = 0;i < 4;i++) 

{ 


var charNum = Math.floor(Math.random() * 52);


code += codeChars[charNum];

} 

document.getElementById("yzphoto").value=code;

document.getElementById("yzm").value=code;
}

HTML代码:

<div style="height: 98%;">
<input style="width:50px;color:blue;font-style: italic;border: none;height: 98%;" readonly="readonly" type="text" id="yzphoto" value=""/>
<input type="hidden" id="yzm" value="">
</div>
<div style="padding-top: 9px;"><a href="#" onclick="yzm()">看不清换一张</a></div>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
取得传值的函数
Oct 27 Javascript
csdn 博客中实现运行代码功能实现
Aug 29 Javascript
ASP.NET中AJAX 调用实例代码
May 03 Javascript
jquery获取div宽度的实现思路与代码
Jan 13 Javascript
jquery中toggle函数交替使用问题
Jun 22 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
Apr 02 jQuery
JavaScript实现开关等效果
Sep 08 Javascript
vue、react等单页面项目应该这样子部署到服务器
Jan 03 Javascript
JS学习笔记之闭包小案例分析
May 29 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
Jul 19 Javascript
layer.prompt输入层的例子
Sep 24 Javascript
VUE递归树形实现多级列表
Jul 15 Vue.js
JS实现超简单的汉字转拼音功能示例
Dec 22 #Javascript
JavaScript实现汉字转换为拼音的库文件示例
Dec 22 #Javascript
基于Javascript倒计时效果
Dec 22 #Javascript
JS前端加密算法示例
Dec 22 #Javascript
jQuery手指滑动轮播效果
Dec 22 #Javascript
自动适应iframe右边的高度
Dec 22 #Javascript
微信小程序 自己制作小组件实例详解
Dec 22 #Javascript
You might like
关于php正则匹配汉字的方法介绍
2013/04/25 PHP
ThinkPHP 3使用OSS的方法
2018/07/19 PHP
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
js GridView 实现自动计算操作代码
2009/03/25 Javascript
IE与firefox下Dhtml的一些区别小结
2009/12/02 Javascript
js批量设置样式的三种方法不推荐使用with
2013/02/25 Javascript
js获取url中的参数且参数为中文时通过js解码
2014/03/19 Javascript
JavaScript 事件对象介绍
2015/04/13 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
AngularJS手动表单验证
2016/02/01 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
2017/02/24 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
jQuery常用选择器详解
2017/07/17 jQuery
JavaScript正则表达式函数总结(常用)
2018/02/22 Javascript
vue实现列表拖拽排序的功能
2020/11/02 Javascript
[01:15:18]2014 DOTA2国际邀请赛中国区预选赛 LGD VS Speed Gaming.cn
2014/05/22 DOTA
[29:59]完美世界DOTA2联赛PWL S3 Forest vs access 第二场 12.11
2020/12/13 DOTA
在Python中使用mongoengine操作MongoDB教程
2015/04/24 Python
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
pandas分区间,算频率的实例
2019/07/04 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
Pyinstaller 打包发布经验总结
2020/06/02 Python
CSS3 二级导航菜单的制作的示例
2018/04/02 HTML / CSS
移动端HTML5实现文件上传功能【附代码】
2016/03/25 HTML / CSS
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
eBay爱尔兰站:eBay.ie
2019/08/09 全球购物
Juice Beauty官网:有机美容产品,护肤与化妆品
2020/06/13 全球购物
技术总监个人的自我评价范文
2013/12/18 职场文书
2014年中职班主任工作总结
2014/12/16 职场文书
华清池导游词
2015/02/02 职场文书
工程项目经理岗位职责
2015/02/02 职场文书
幼儿园个人师德总结
2015/02/06 职场文书
酒桌上的开场白
2015/06/01 职场文书
世界名著读书笔记
2015/06/25 职场文书
工作简历的自我评价
2019/05/16 职场文书
numpy数据类型dtype转换实现
2021/04/24 Python