js實現(xiàn)登錄驗證碼
更新時間:2016年12月22日 12:17:10 作者:胡金水
本文主要介紹了js實現(xiàn)登錄驗證碼的方法,代碼簡潔明了,具有很好的參考價值,需要的朋友一起來看下吧
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>
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
bootstrap daterangepicker雙日歷時間段選擇控件詳解
這篇文章主要為大家詳細介紹了bootstrap daterangepicker雙日歷時間段選擇控件,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06
js復(fù)制網(wǎng)頁內(nèi)容并兼容各主流瀏覽器的代碼
js 復(fù)制網(wǎng)頁內(nèi)容的方法代碼有很多不過要兼容各瀏覽器就不多了,下面有個不錯的方法,大家可以嘗試操作下2013-12-12
Bootstrap3.0建站教程(一)之bootstrap表單元素排版
本文給大家介紹Bootstrap3.0建站教程(一)之bootstrap表單元素排版,本文給大家列舉了文字和輸入框前后排列和上下排列的實例代碼,有需要的朋友參考下吧2016-06-06
JavaScript圖片的Base64編碼以及轉(zhuǎn)換詳解
現(xiàn)在網(wǎng)站為了提升用戶的瀏覽體驗越來越多的使用了圖片,而這些圖片通常以 Base64 的形式存儲和加載,下面這篇文章主要給大家介紹了關(guān)于JavaScript圖片的Base64編碼以及轉(zhuǎn)換的相關(guān)資料,需要的朋友可以參考下2022-07-07
javascript 多種搜索引擎集成的頁面實現(xiàn)代碼
這個頁面是為了方便自己同時使用多種搜索引擎(呵呵我用其作默認主頁),在IE5/IE6/FireFox下均運行正常,效果如下圖2010-01-01

