隨機(jī)驗(yàn)證碼的生成
1: 主體部分
<script> var code ; //在全局 定義驗(yàn)證碼 function createCode() { code = ""; var codeLength = 6;//驗(yàn)證碼的長(zhǎng)度 var checkCode = document.getElementById("checkCode"); var selectChar = 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');//所有候選組成驗(yàn)證碼的字符,當(dāng)然也可以用中文的 for(var i=0;i<codeLength;i++) { var charIndex = Math.floor(Math.random()*36); code +=selectChar[charIndex]; } // alert(code); if(checkCode) //這里不是很懂,有高手可以解釋下 { checkCode.className="code"; checkCode.value = code; } } function validate () { var inputCode = document.getElementById("input1").value; if(inputCode.length <=0) { alert("請(qǐng)輸入驗(yàn)證碼!"); document.getElementById("input1").focus(); } else if(inputCode != code ) { alert("驗(yàn)證碼輸入錯(cuò)誤!"); createCode();//刷新驗(yàn)證碼 inputCode = ""; document.getElementById("input1").focus(); }else{ document.frmRegister.submit(); } } <script> 接下來(lái)時(shí)如何放入到驗(yàn)證框里面了
<input type="text" id="checkCode" class="unchanged" style="width: 80px" readonly/>
接著就是判斷了
<input type="text" onclick="createCode()" id="input1" />
OK....搞定...這里的onclik是只要?jiǎng)恿司鸵崎_(kāi)
以上就是JS 隨機(jī)生成驗(yàn)證碼的資料整理,后續(xù)繼續(xù)補(bǔ)充相關(guān)資料,謝謝大家對(duì)本站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注