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 相关文章推荐
LBS blog sql注射漏洞[All version]-官方已有补丁
Aug 26 Javascript
js活用事件触发对象动作
Aug 10 Javascript
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
Nov 06 Javascript
JS去除右边逗号的简单方法
Jul 03 Javascript
JavaScript让Textarea支持tab按键的方法
Jun 26 Javascript
jfinal与bootstrap的登录跳转实战演习
Sep 22 Javascript
angularjs学习笔记之双向数据绑定
Sep 26 Javascript
AngularJS通过$http和服务器通信详解
Sep 21 Javascript
jQuery File Upload文件上传插件使用详解
Dec 06 Javascript
js实现随机数字字母验证码
Jun 19 Javascript
微信小程序性能优化之checkSession的使用
Mar 06 Javascript
vue 导航锚点_点击平滑滚动,导航栏对应变化详解
Aug 10 Javascript
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 遍历文件实现代码
2011/05/04 PHP
10条PHP高级技巧[修正版]
2011/08/02 PHP
PHP写UltraEdit插件脚本实现方法
2011/12/26 PHP
php定义参数数量可变的函数用法实例
2015/03/16 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
PHP中strtr与str_replace函数运行性能简单测试示例
2019/06/22 PHP
prototype Element学习笔记(Element篇三)
2008/10/26 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
2013/01/17 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
2013/10/20 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
javascript中局部变量和全局变量的区别详解
2015/02/27 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
2015/03/23 Javascript
js如何打印object对象
2015/10/16 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
2016/05/05 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
2016/09/21 Javascript
js获取时间函数及扩展函数的方法
2016/10/30 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
webpack处理 css\less\sass 样式的方法
2017/08/21 Javascript
inner join 内联与left join 左联的实例代码
2017/09/18 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
2018/09/21 Javascript
原生js实现二级联动菜单
2019/11/27 Javascript
js通过循环多张图片实现动画效果
2019/12/19 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
2020/02/26 Javascript
javaScript实现一个队列的方法
2020/07/14 Javascript
Python的Flask框架中Flask-Admin库的简单入门指引
2015/04/07 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
python 计算两个列表的相关系数的实现
2019/08/29 Python
使用html5 canvas绘制圆环动效
2019/06/03 HTML / CSS
SmartBuyGlasses丹麦:网上购买名牌太阳镜、眼镜和隐形眼镜
2016/10/01 全球购物
英国花园药房: The Garden Pharmacy
2017/12/28 全球购物
StubHub中国:购买和出售全球活动门票
2020/01/01 全球购物
Super-Pharm波兰:药房和香水在一个地方
2020/08/18 全球购物
市场开发与营销专业求职信
2013/12/31 职场文书
民事上诉状范文
2015/05/22 职场文书
2015年见习期个人工作总结
2015/05/28 职场文书