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 相关文章推荐
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
jquery 操作两个select实现值之间的互相传递
Mar 07 Javascript
jQuery通过控制节点实现仅在前台通过get方法完成参数传递
Feb 02 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
基于JavaScript实现验证码功能
Apr 01 Javascript
vue+element实现批量删除功能的示例
Feb 28 Javascript
vue组件实现可搜索下拉框扩展
Oct 23 Javascript
详解如何在vue-cli中使用vuex
Aug 07 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 jQuery
微信头像地址失效踩坑记附带解决方案
Sep 23 Javascript
Vue实现跑马灯样式文字横向滚动
Nov 23 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
全国FM电台频率大全 - 19 广东省
2020/03/11 无线电
Apache+php+mysql在windows下的安装与配置图解(最新版)
2008/11/30 PHP
simplehtmldom Doc api帮助文档
2012/03/26 PHP
php支付宝接口用法分析
2015/01/04 PHP
Zend Framework入门教程之Zend_Session会话操作详解
2016/12/08 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
Some tips of wmi scripting in jscript (1)
2007/04/03 Javascript
二行代码解决全部网页木马
2008/03/28 Javascript
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
基于socket.io和node.js搭建即时通信系统
2014/07/30 Javascript
原生js结合html5制作简易的双色子游戏
2015/03/30 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
2015/12/16 Javascript
JavaScript Ajax编程 应用篇
2016/07/02 Javascript
AngularJS的ng Http Request与response格式转换方法
2016/11/07 Javascript
javascript实现获取图片大小及图片等比缩放的方法
2016/11/24 Javascript
js通过Date对象实现倒计时动画效果
2017/10/27 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
[02:11]完美世界DOTA2联赛10月28日赛事精彩集锦:来吧展示实力强劲
2020/10/29 DOTA
python获取各操作系统硬件信息的方法
2015/06/03 Python
Python使用pymysql小技巧
2017/06/04 Python
解决python matplotlib imshow无法显示的问题
2018/05/24 Python
python中pip的安装与使用教程
2018/08/10 Python
Python中logging实例讲解
2019/01/17 Python
浅谈pandas筛选出表中满足另一个表所有条件的数据方法
2019/02/08 Python
详解python中init方法和随机数方法
2019/03/13 Python
浅谈python常用程序算法
2019/03/22 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
德国高端单身人士交友网站:ElitePartner
2018/12/02 全球购物
数控加工专业毕业生自荐信
2013/09/27 职场文书
初中生学习的自我评价
2013/11/14 职场文书
行政主管职责范本
2014/03/07 职场文书
高中学生评语大全
2014/04/25 职场文书
志愿者个人总结
2015/03/03 职场文书