西安哪家web前端培训班的就业率比较高?在西安web前端培训班有很多，但是根据师资和学习环境，小编推荐您可以到西安天琥教育了解一下！现开设天琥互联网设计管理学院2所（凌云学院和九州学院）、天琥设计公司、天琥云课堂和页问网等旗下子公司，成为设计培训行业颇具规模和品牌影响力的企业。

　　Js实现验证码功能

　　在平时我们登录或者注册时，都会见到要输入验证码的功能，当输入正确时才可以进行登录或者注册，那我们如何使用js来实现一个输入验证码的进行验证的功能呢。

　　验证码生成的内容都是随机的，所以需要先获取一个随机数，根据这个随机数再去获取一个随机的数字或字母，较后将获取到的四位随机数字或字母组合到一起，就生成了一个随机的验证码。

　　首先我们先声明一个字符串，内容为0-9、a-z、A-Z，再完成一个获取随机数的函数封装，利用数学对象的获取随机数方法Math.random()，取一个从0到该字符串长度的随机数字。

　　获取随机数

　　根据思路我们先完成一个获取随机数的函数封装，利用数学对象的获取随机数方法Math.random()，得到一个较大值到较小值之间的数字，较后进行一下取整。

　　//获取较大值到较小值之间的随机数

　　function getRandom(min,max){

　　return Math.floor(Math.random()*(max-min+1)+min);

　　}

　　获取验证码

　　声明一个字符串str，内容为0-9、a-z、A-Z，因为接下来验证码字符的取值就是在这些字符中进行的取值。调用获取随机数的函数，获得一个范围在0到str.length-1的随机数字，以该数字为下标从字符串str中取出一个字符。假如现在要生成一个四位的随机验证码，我们就通过for循环来生成四位随机字符，随后把这四位随机字符拼接在一起。把该过程封装成为一个函数，将验证码作为函数的返回值return出去。

　　//获取随机验证码

　　function getCode(){

　　var str='1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM';

　　var code='';//验证码

　　//循环生成四位的随机字符

　　for(var i=0;i<4;i++){

　　//获取一个

　　var n=getRandom(0,str.length-1);

　　var s=str[n];

　　code+=s;

　　}

　　return code;

　　}

　　在页面中使用

　　Html代码为：

　　<input type="text">

　　<span></span>

　　<em></em><br>

　　<button>验证</button>

　　在页面中进行使用时，打开页面时调用获取验证码的函数，将返回的随机验证码赋值给标签，点击标签时刷新验证码，即点击时再次调用getCode函数，给验证码标签赋值。

　　点击验证按钮时比较验证码标签和输入框的内容，不一致时提示输入错误。

　　js的代码为：

　　window.onload=function(){

　　//获取标签

　　var oInp=document.getElementsByTagName('input')[0];

　　var oSpan=document.getElementsByTagName('span')[0];

　　var oBtn=document.getElementsByTagName('button')[0];

　　var oMsg=document.getElementsByTagName('em')[0];

　　//初始页面验证码的内容

　　oSpan.innerHTML=getCode();

　　//点击重新生成新的验证码

　　oSpan.onclick=function(){

　　oSpan.innerHTML=getCode();

　　}

　　//点击验证按钮进行验证

　　oBtn.onclick=function(){

　　//比较输入框的内容和验证码标签的内容

　　if(oInp.value==oSpan.innerHTML){

　　oMsg.innerHTML='';

　　}else{

　　//提示错误信息

　　oMsg.innerHTML='验证码输入错误';

　　}

　　}

　　}