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 相关文章推荐
登陆成功后自动计算秒数执行跳转
Jan 23 Javascript
JavaScript获取网页支持表单字符集的方法
Apr 02 Javascript
javascript中的后退和刷新实现方法
Nov 10 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
Jul 19 Javascript
用js屏蔽被http劫持的浮动广告实现方法
Aug 10 Javascript
微信小程序列表中item左滑删除功能
Nov 07 Javascript
js实现简单模态框实例
Nov 16 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
Dec 14 Javascript
js之切换全屏和退出全屏实现代码实例
Sep 09 Javascript
对layui数据表格动态cols(字段)动态变化详解
Oct 25 Javascript
Vue.js中Line第三方登录api的实现代码
Jun 29 Javascript
vue设置全局访问接口API地址操作
Aug 14 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
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
php获得用户ip地址的比较不错的方法
2014/02/08 PHP
php实现httpclient类示例
2014/04/08 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
老生常谈PHP数组函数array_merge(必看篇)
2017/05/25 PHP
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
只需20行代码就可以写出CSS覆盖率测试脚本
2013/04/24 Javascript
jQuery之折叠面板的深入解析
2013/06/19 Javascript
实例讲解JS中数组Array的操作方法
2014/05/09 Javascript
利用jquery制作滚动到指定位置触发动画
2016/03/26 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
2016/05/25 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
2016/07/27 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
js原生代码实现轮播图的实例讲解
2017/07/28 Javascript
vue 项目如何引入微信sdk接口的方法
2017/12/18 Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
2019/01/18 jQuery
jQuery实现每日秒杀商品倒计时功能
2019/09/06 jQuery
vant实现购物车功能
2020/06/29 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
[46:38]完美世界DOTA2联赛PWL S2 Magma vs PXG 第三场 11.28
2020/12/02 DOTA
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
简单上手Python中装饰器的使用
2015/07/12 Python
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
浅谈Python中的私有变量
2018/02/28 Python
Django中使用session保持用户登陆连接的例子
2019/08/06 Python
Django操作session 的方法
2020/03/09 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
工程业务员岗位职责
2013/12/31 职场文书
乡领导班子四风问题对照检查材料
2014/09/25 职场文书
小学感恩节活动策划方案
2014/10/06 职场文书
民主生活会发言材料
2014/10/20 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
2015年教师自我评价范文
2015/03/04 职场文书
2015年超市工作总结
2015/04/09 职场文书
话题作文之财富(600字)
2019/12/03 职场文书
MYSQL 表的全面总结
2021/11/11 MySQL