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 相关文章推荐
基于jQuery的倒计时插件代码
May 07 Javascript
JS 仿腾讯发表微博的效果代码
Dec 25 Javascript
js的toUpperCase方法用法实例
Jan 27 Javascript
JQuery中extend的用法实例分析
Feb 08 Javascript
js实现单击图片放大图片的方法
Feb 17 Javascript
js实现的奥运倒计时时钟效果代码
Dec 09 Javascript
第六章之辅组类与响应式工具
Apr 25 Javascript
浅谈Vue.js
Mar 02 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
Jul 31 Javascript
记一次webpack3升级webpack4的踩坑经历
Jun 12 Javascript
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
Jul 10 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
114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法
2012/01/12 PHP
php计算数组相同值出现次数的代码(array_count_values)
2015/01/20 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
JQUERY操作JSON实例代码
2010/02/09 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
2013/11/22 Javascript
深入理解Javascript中this的作用域
2014/08/12 Javascript
jQuery实现的在线答题功能
2015/04/12 Javascript
JavaScript代码里的判断小结
2016/08/22 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
2016/12/03 Javascript
bootstrap导航、选项卡实现代码
2016/12/28 Javascript
nodejs 子进程正确的打开方式
2017/07/03 NodeJs
基于Bootstrap的标签页组件及bootstrap-tab使用说明
2017/07/25 Javascript
Vue仿支付宝支付功能
2018/05/25 Javascript
微信 jssdk 签名错误invalid signature的解决方法
2019/01/14 Javascript
深入理解JavaScript 箭头函数
2019/05/30 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
python基础教程之匿名函数lambda
2017/01/17 Python
python爬虫中get和post方法介绍以及cookie作用
2018/02/08 Python
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
Python彻底删除文件夹及其子文件方式
2019/12/23 Python
python3中sorted函数里cmp参数改变详解
2020/03/12 Python
使用AJAX和Django获取数据的方法实例
2020/10/25 Python
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
2013/01/06 HTML / CSS
史泰博(Staples)中国官方网站:办公用品一站式采购
2016/09/05 全球购物
美国运动鞋和运动服零售商:Footaction
2017/04/07 全球购物
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
美国保健品专家:Life Extension
2018/05/04 全球购物
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
销售人员自我评价怎么写
2013/09/19 职场文书
简短的公司员工自我评价分享
2013/11/13 职场文书
资料员的岗位职责
2013/11/20 职场文书
汽车技术服务与营销专业推荐信
2013/11/29 职场文书
公司年会策划方案
2014/05/17 职场文书
Mysql如何实现不存在则插入,存在则更新
2022/03/25 MySQL
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技