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>
以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關文章
bootstrap daterangepicker雙日歷時間段選擇控件詳解
這篇文章主要為大家詳細介紹了bootstrap daterangepicker雙日歷時間段選擇控件,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06Bootstrap3.0建站教程(一)之bootstrap表單元素排版
本文給大家介紹Bootstrap3.0建站教程(一)之bootstrap表單元素排版,本文給大家列舉了文字和輸入框前后排列和上下排列的實例代碼,有需要的朋友參考下吧2016-06-06javascript 多種搜索引擎集成的頁面實現(xiàn)代碼
這個頁面是為了方便自己同時使用多種搜索引擎(呵呵我用其作默認主頁),在IE5/IE6/FireFox下均運行正常,效果如下圖2010-01-01