脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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>

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

您可能感兴趣的文章:

相关文章

  • 在ASP.NET MVC项目中使用RequireJS库的用法示例

    在ASP.NET MVC项目中使用RequireJS库的用法示例

    这篇文章主要介绍了在ASP.NET MVC项目中使用RequireJS的用法示例,文中主要讲解了网站项目的一些基本目录结构思想,并给出了一个半自动压缩的例子,的朋友可以参考下
    2016-02-02
  • BootStrap Table 分页后重新搜索问题的解决办法

    BootStrap Table 分页后重新搜索问题的解决办法

    这篇文章主要介绍了BootStrap Table 分页后重新搜索问题的解决办法,自定义搜索且有分页功能,比如搜索产品名的功能。小编给大家带来了关键代码，非常不错，需要的朋友可以参考下
    2016-08-08
  • typescript+react实现移动端和PC端简单拖拽效果

    typescript+react实现移动端和PC端简单拖拽效果

    这篇文章主要为大家详细介绍了typescript+react实现移动端和PC端简单拖拽效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 常用的Javascript设计模式小结

    常用的Javascript设计模式小结

    javascript设计模式有很多种，本文给大家介绍常用的javascript设计模式，对javascript设计模式相关知识感兴趣的朋友一起学习吧
    2015-12-12
  • 纯js模拟div层弹性运动的方法

    纯js模拟div层弹性运动的方法

    这篇文章主要介绍了纯js模拟div层弹性运动的方法,涉及javascript操作div层实现运动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 浅析Javascript的自动分号插入(ASI)机制

    浅析Javascript的自动分号插入(ASI)机制

    我们大家都知道在写java和c时，必须要在语句后加分号，否则编译通不过。而js不同，存在自动分好插入机制，下文简称ASI。它会给源代码的 token 流自动插入分号。下面这篇文章我们就来谈谈Javascript的自动分号插入(ASI)机制。
    2016-09-09
  • JavaScript函数柯里化详解

    JavaScript函数柯里化详解

    这篇文章主要为大家介绍了JavaScript函数柯里化，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
    2022-01-01
  • 详解JavaScript (!!) 中的双感叹号是干什么用的

    详解JavaScript (!!) 中的双感叹号是干什么用的

    JavaScript 不是静态语言，而是动态语言，这意味着变量可以引用或保存任何类型的值，此外，该类型可以随时更改，这篇文章主要介绍了JavaScript (!!) 中的双感叹号作用,需要的朋友可以参考下
    2022-09-09
  • JavaScript树形组件实现无限级树形结构

    JavaScript树形组件实现无限级树形结构

    这篇文章主要介绍了JavaScript树形组件实现无限级树形结构，一种构建多级有序树形结构JSON（或XML）数据源的方法，下面更多相关资料需要的小伙伴可以参考一下
    2022-03-03
  • javascript类型系统 Window对象学习笔记

    javascript类型系统 Window对象学习笔记

    这篇文章主要介绍了javascript类型系统之Window对象，整理关于Window对象的学习笔记，感兴趣的小伙伴们可以参考一下
    2016-01-01

最新评论