abstrak：<!DOCTYPE html> <html> <head> <title>驗證碼</title> <meta charset="utf-8"> <script type="text/javascript" src="jquer
<!DOCTYPE html>
<html>
<head>
<title>驗證碼</title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<style type="text/css">
#box{
margin-top: 20px;
width: 200px;
height: 45px;
background-color: #1AF7B2;
line-height: 45px;
text-align: center;
}
input,button{
margin: 5px 0px;
//background-color: red;
}
</style>
</head>
<body>
<div id="box"></div>
<input type="text" id="input1"name="yanzhen">
<button>確定</button>
</body>
<script type="text/javascript">
$(function(){
function makecode(){
$code=[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'];
$code1=[];
for (var i = 0; i<6; i++) {
var num=Math.floor(Math.random()*36);
$code1[i]=$code[num]
}
$("#box").html($code1[0]+$code1[1]+$code1[2]+$code1[3]+$code1[4]+$code1[5]);
}
makecode();
$("#box").click(function(){
makecode();
})
$("button").eq(0).click(function(){
if($(":input").eq(0).val()==$code1[0]+$code1[1]+$code1[2]+$code1[3]+$code1[4]+$code1[5]){
alert("驗證成功！");
}
else{
alert("驗證碼錯誤！");
}
})
})
</script>
</html>剛剛看到一個驗證碼插件，就想到自己做一個簡單的。字符顏色和形狀都沒能實現(xiàn)隨機(jī)打亂的效果，以后有時間了再完善。能夠自己寫一些js庫是我追求的目標(biāo)，老師不要笑話哈！
Guru membetulkan：滅絕師太Masa pembetulan：2018-11-17 09:21:26
Rumusan guru：能自主學(xué)習(xí)是很棒的，考驗對知識點的掌握程度，繼續(xù)保持！完成的不錯！