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 相关文章推荐
JavaScript 中的replace方法说明
Apr 13 Javascript
js实现iframe动态调整高度的代码
Jan 06 Javascript
JavaScript执行效率与性能提升方案
Dec 21 Javascript
ie6下png图片背景不透明的解决办法使用js实现
Jan 11 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
May 12 Javascript
快速学习JavaScript的6个思维技巧
Oct 13 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
May 25 Javascript
jQuery根据name属性进行查找的用法分析
Jun 23 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
Sep 01 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
Aug 04 Javascript
微信小程序中setInterval的使用方法
Sep 29 Javascript
深入理解移动前端开发之viewport
Oct 19 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之Smarty入门
2007/01/04 PHP
用穿越火线快速入门php面向对象
2012/02/22 PHP
2个比较经典的PHP加密解密函数分享
2014/07/01 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
详解PHP的Yii框架中组件行为的属性注入和方法注入
2016/03/18 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
Add Formatted Text to a Word Document
2007/06/15 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
js+xml生成级联下拉框代码
2012/07/24 Javascript
使用jquery清空、复位整个输入域
2015/04/02 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
七夕情人节丘比特射箭小游戏
2015/08/20 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
详解Angular中通过$location获取地址栏的参数
2018/08/02 Javascript
微信小程序实现弹出菜单动画
2019/06/21 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
2020/01/03 Javascript
Python 文件操作技巧(File operation) 实例代码分析
2008/08/11 Python
Python中函数的参数传递与可变长参数介绍
2015/06/30 Python
Python2.X/Python3.X中urllib库区别讲解
2017/12/19 Python
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
python脚本监控Tomcat服务器的方法
2018/07/06 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
numpy.linspace函数具体使用详解
2019/05/27 Python
18个Python脚本可加速你的编码速度(提示和技巧)
2019/10/17 Python
关于tf.TFRecordReader()函数的用法解析
2020/02/17 Python
Python多进程编程multiprocessing代码实例
2020/03/12 Python
Python描述符descriptor使用原理解析
2020/03/21 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
医学类导师推荐信范文
2013/11/19 职场文书
关于读书的演讲稿400字
2014/08/27 职场文书
2014县委书记党的群众路线教育实践活动对照检查材料思想汇报
2014/09/22 职场文书
法院四风对照检查材料思想汇报
2014/10/06 职场文书
职工年度考核评语
2014/12/31 职场文书
信访工作个人总结
2015/03/03 职场文书
golang连接MySQl使用sqlx库
2022/04/14 Golang
详解Vue3使用axios的配置教程
2022/04/29 Vue.js