基于javascript實現(xiàn)數(shù)字英文驗證碼
更新時間:2017年01月25日 11:10:31 作者:Cha0DD
這篇文章主要為大家詳細介紹了javascript實現(xiàn)數(shù)字英文驗證碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了js實現(xiàn)數(shù)字英文驗證碼的具體代碼,供大家參考,具體內容如下
<html> <head> <style type="text/css"> .code{ background-image:url(111.jpg); font-family:Arial,宋體; font-style:italic; color:green; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder; } .unchanged { border:0; } </style> <script language="javascript" type="text/javascript"> var code ; //在全局 定義驗證碼 function createCode(){ code = new Array(); var codeLength = 4;//驗證碼的長度 var checkCode = document.getElementById("checkCode"); checkCode.value = ""; var selectChar = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z'); for(var i=0;i<codeLength;i++) { var charIndex = Math.floor(Math.random()*32); code +=selectChar[charIndex]; } if(code.length != codeLength){ createCode(); } checkCode.value = code; } function validate () { var inputCode = document.getElementById("input1").value.toUpperCase(); if(inputCode.length <=0) { alert("請輸入驗證碼!"); return false; } else if(inputCode != code ){ alert("驗證碼輸入錯誤!"); createCode(); return false; } else { alert("成功!"); return true; } } </script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head> <body onLoad="createCode();"> <input type="text" id="input1" /> <input type="button" id="checkCode" class="code" style="width:60px" onClick="createCode()" /> <a href="#" onClick="createCode()">看不清楚</a> <input id="Button1" onClick="validate();" type="button" value="確定" /> <script></script> </body> </html>
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
javascript動態(tài)分頁的實現(xiàn)方法實例
最近的項目需要添加一個分頁導航的功能,沒有用網上封裝好的文件,通過JS自己簡單實現(xiàn)了效果,這篇文章主要給大家介紹了關于javascript動態(tài)分頁的實現(xiàn)方法,需要的朋友可以參考下2022-06-06js將iframe中控件的值傳到主頁面控件中的實現(xiàn)方法
主要是通過在主頁面定義一個傳輸數(shù)據(jù)的函數(shù)GetData(data),然后在iframe嵌入頁面中通過parent.GetData(data),這樣即可在GetData實現(xiàn)將data進行處理即可。2013-03-03在JavaScript中添加css樣式(js追加類)代碼示例
這篇文章主要給大家介紹了關于在JavaScript中如何添加css樣式,也就是js追加類的相關資料,JavaScript是一種廣泛應用于互聯(lián)網開發(fā)的編程語言,它能夠幫助網頁實現(xiàn)動態(tài)效果和交互性,需要的朋友可以參考下2024-01-01發(fā)布BlueShow v1.0 圖片瀏覽器(類似lightbox)blueshow.js 打包下載
發(fā)布BlueShow v1.0 圖片瀏覽器(類似lightbox)blueshow.js 打包下載...2007-07-07