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 相关文章推荐
Ext.MessageBox工具类简介
Dec 10 Javascript
js的一些常用方法小结
Jun 29 Javascript
JS中setTimeout()的用法详解
Apr 14 Javascript
JS格式化数字保留两位小数点示例代码
Oct 15 Javascript
js数组去重的常用方法总结
Jan 24 Javascript
javascript解三阶幻方(九宫格)
Apr 22 Javascript
js面向对象的写法
Feb 19 Javascript
Bootstrap页面布局基础知识全面解析
Jun 13 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
Aug 30 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
JavaScript类数组对象转换为数组对象的方法实例分析
Jul 24 Javascript
jQuery实现视频展示效果
May 30 jQuery
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关于htmlspecialchars、strip_tags、addslashes的解释
2014/07/04 PHP
phpmailer发送邮件之后,返回收件人是否阅读了邮件的方法
2014/07/19 PHP
php实现点击可刷新验证码
2015/11/07 PHP
js滚动条回到顶部的代码
2011/12/06 Javascript
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
JS Date函数整理方便使用
2013/10/23 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
2014/02/28 Javascript
JavaScript SHA-256加密算法详细代码
2016/10/06 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
回顾Javascript React基础
2019/06/15 Javascript
vue如何实现自定义底部菜单栏
2019/07/01 Javascript
Nodejs文件上传、监听上传进度的代码
2020/03/27 NodeJs
微信小程序实现时间戳格式转换
2020/07/20 Javascript
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
Python 文件管理实例详解
2015/11/10 Python
Python读写zip压缩文件的方法
2018/08/29 Python
python将txt文件读入为np.array的方法
2018/10/30 Python
python使用pandas处理大数据节省内存技巧(推荐)
2019/05/05 Python
python 获取等间隔的数组实例
2019/07/04 Python
Python如何基于Tesseract实现识别文字功能
2020/06/05 Python
详解Python利用configparser对配置文件进行读写操作
2020/11/03 Python
Python3使用tesserocr识别字母数字验证码的实现
2021/01/29 Python
荟萃全球保健品:维他购
2018/05/09 全球购物
C/C++程序员常见面试题二
2015/11/19 面试题
安全承诺书范文
2014/03/26 职场文书
农民工工资承诺书范文
2014/03/31 职场文书
幼儿园毕业寄语
2014/04/03 职场文书
妈妈再爱我一次观后感
2015/06/08 职场文书
入队仪式主持词
2015/07/04 职场文书
运动会广播稿50字
2015/08/19 职场文书
2015年秋学期教研工作总结
2015/10/14 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
2016秋季幼儿园开学寄语
2015/12/03 职场文书
志愿者工作心得体会
2016/01/15 职场文书
温馨祝福晨语:美丽的一天从我的问候开始
2019/11/28 职场文书