脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 登录 验证码

js实现登录验证码

 更新时间：2016年12月22日 12:17:10   作者：胡金水  
本文主要介绍了js实现登录验证码的方法，代码简洁明了，具有很好的参考价值，需要的朋友一起来看下吧

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>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • bootstrap daterangepicker双日历时间段选择控件详解

    bootstrap daterangepicker双日历时间段选择控件详解

    这篇文章主要为大家详细介绍了bootstrap daterangepicker双日历时间段选择控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-06-06
  • JavaScript实现滑块验证码

    JavaScript实现滑块验证码

    这篇文章主要为大家详细介绍了JavaScript实现滑块验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-11-11
  • js复制网页内容并兼容各主流浏览器的代码

    js复制网页内容并兼容各主流浏览器的代码

    js 复制网页内容的方法代码有很多不过要兼容各浏览器就不多了，下面有个不错的方法，大家可以尝试操作下
    2013-12-12
  • Bootstrap3.0建站教程(一)之bootstrap表单元素排版

    Bootstrap3.0建站教程(一)之bootstrap表单元素排版

    本文给大家介绍Bootstrap3.0建站教程(一)之bootstrap表单元素排版，本文给大家列举了文字和输入框前后排列和上下排列的实例代码，有需要的朋友参考下吧
    2016-06-06
  • JavaScript图片的Base64编码以及转换详解

    JavaScript图片的Base64编码以及转换详解

    现在网站为了提升用户的浏览体验越来越多的使用了图片,而这些图片通常以 Base64 的形式存储和加载,下面这篇文章主要给大家介绍了关于JavaScript图片的Base64编码以及转换的相关资料,需要的朋友可以参考下
    2022-07-07
  • 微信小程序实现皮肤功能（夜间模式）

    微信小程序实现皮肤功能（夜间模式）

    这篇文章主要给大家介绍了关于利用微信小程序实现皮肤功能，也就是实现夜间模式的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
    2017-06-06
  • 微信小程序实现文字跑马灯

    微信小程序实现文字跑马灯

    这篇文章主要为大家详细介绍了微信小程序实现文字跑马灯，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-12-12
  • console.log()的作用与实现方式

    console.log()的作用与实现方式

    这篇文章主要介绍了console.log()的作用与实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • javascript 多种搜索引擎集成的页面实现代码

    javascript 多种搜索引擎集成的页面实现代码

    这个页面是为了方便自己同时使用多种搜索引擎（呵呵我用其作默认主页），在IE5/IE6/FireFox下均运行正常，效果如下图
    2010-01-01
  • JS运动改变单物体透明度的方法分析

    JS运动改变单物体透明度的方法分析

    这篇文章主要介绍了JS运动改变单物体透明度的方法,结合实例形式分析了页面元素属性动态修改相关操作技巧,需要的朋友可以参考下
    2018-01-01

最新评论