生活随笔
收集整理的這篇文章主要介紹了
js生成验证码并验证 .
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<html>??????<head>??????????<title>驗證碼</title>??????????<style?type="text/css">??????????????.code??????????????{??????????????????font-family:Arial;??????????????????font-style:italic;??????????????????font-weight:bold;??????????????????border:0;??????????????????letter-spacing:3px;??????????????????color:blue;??????????????}??????????</style>??????????<script?type?=?"text/javascript"?src?=?"checkCode.js">??????????</script>??????</head>??????<body>??????????<div>??????????????<input?type?=?"text"?id?=?"input"/>??????????????<input?type?=?"button"?id="checkCode"?class=?"code"?onclick="createCode()"/>??????????????<a?href?=?"#"?onclick?=?"createCode()">看不清楚</a><br>??????????????<input?type?=?"button"?value?=?"驗證"?onclick?=?"validate()"/>??????????</div>??????</body>??</html>??
<html><head><title>驗證碼</title><style type="text/css">.code{font-family:Arial;font-style:italic;font-weight:bold;border:0;letter-spacing:3px;color:blue;}</style><script type = "text/javascript" src = "checkCode.js"></script></head><body><div><input type = "text" id = "input"/><input type = "button" id="checkCode" class= "code" οnclick="createCode()"/><a href = "#" onclick = "createCode()">看不清楚</a><br><input type = "button" value = "驗證" onclick = "validate()"/></div></body>
</html>
checkCode.js
[javascript] view plaincopyprint?
var?code?;?????window.onload?=?function?createCode(){???????code?=?"";????????var?codeLength?=?4;???????var?checkCode?=?document.getElementById("checkCode");????????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');???????for(var?i?=?0;?i?<?codeLength;?i++)?{??????????var?charIndex?=?Math.floor(Math.random()*36);??????????code?+=?random[charIndex];??????}??????checkCode.value?=?code;??}????function?validate(){??????var?inputCode?=?document.getElementById("input").value.toUpperCase();???????if(inputCode.length?<=?0)?{???????????alert("請輸入驗證碼！");???????}?????????????else?if(inputCode?!=?code?)?{???????????alert("驗證碼輸入錯誤！");???????????createCode(); ??????}?????????????else?{???????????alert("^-^");???????}?????????????}??
?
轉自 http://blog.csdn.net/lwcumt/article/details/8065503
總結
以上是生活随笔為你收集整理的js生成验证码并验证 .的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
