日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

小編給大家分享一下怎么基于JavaScript實現(xiàn)驗證碼功能，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)與策劃設(shè)計,阿克陶網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:阿克陶等地區(qū)。阿克陶做網(wǎng)站價格咨詢:18982081108

具體內(nèi)容如下

1、一個簡單的例子
新建 test.html

新建 checkCode.js

var code ; //在全局定義驗證碼   
 
window.onload = function createCode(){  
   code = "";   
   var codeLength = 4;//驗證碼的長度  
   var checkCode = document.getElementById("code");   
   var random = 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');//隨機(jī)數(shù)  
   for(var i = 0; i < codeLength; i++) {//循環(huán)操作  
    var index = Math.floor(Math.random()*36);//取得隨機(jī)數(shù)的索引（0~35）  
    code += random[index];//根據(jù)索引取得隨機(jī)數(shù)加到code上  
  }  
  checkCode.value = code;//把code值賦給驗證碼  
}  
//校驗驗證碼  
function validate(){  
  var inputCode = document.getElementById("input").value.toUpperCase(); //取得輸入的驗證碼并轉(zhuǎn)化為大寫     
  if(inputCode.length <= 0) { //若輸入的驗證碼長度為0  
    alert("Empty Code!"); //則彈出請輸入驗證碼  
  }      
  else if(inputCode != code ) { //若輸入的驗證碼與產(chǎn)生的驗證碼不一致時  
    alert("Error Code"); //則彈出驗證碼輸入錯誤  
    createCode();//刷新驗證碼  
    document.getElementById("input").value = "";//清空文本框  
  }      
  else { //輸入正確時  
    alert("OK"); //彈出^-^  
  }        
}

2、點擊的時候不會移動位置的代碼：

看不清？

 

以上是“怎么基于JavaScript實現(xiàn)驗證碼功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前標(biāo)題：怎么基于JavaScript實現(xiàn)驗證碼功能
本文網(wǎng)址：http://www.dlmjj.cn/article/gojsog.html