現在驗證碼功能已經十分雞肋，利用js實現其實不難，大部分使用隨機實現，隨機寬高，隨機顏色，加入幾個原點div，因為初學，所以有很多地方重複和複雜，希望指正。
1doctype html
>
2<
html
>
3<
head
>
4<
meta
charset
="utf-8"
>
5<
title
>
title
>
6<
style
>7*
8#a1
9span
10style
>
11head
>
12<
body
>
13<
div
id="a1"
>
14<
span
>
span
>
15<
span
>
span
>
16<
span
>
span
>
17<
span
>
span
>
18div
>
19<
script
>
20var
oa1
=document.getelementbyid("a1
");21var
ospan
=document.getelementsbytagname(
"span");
22oa1.style.backgroundcolor
=divcolor();
23var
se =
fn();
24dian();
25for
(vari =
0;i
<4;i
++)3334
//封裝字串、陣列
35function
fe()
4243
//獲取26的隨機數
44function
fa()
47//
設定10的隨機數
48function
f1()
51//
封裝陣列
52function
f2()
59//
實現60
function
fn()
68varz=
math.floor(math.random()
*f2().length);
69sum
+=f2()[z];
70console.log(sum);
71return
sum;72}
73//
封裝div隨機顏色
74function
divcolor()
84coloi =j;
85return"#
"+j;86}87
//封裝字型隨機顏色
88function
coloi())([a-f\d])([a-f\d])$
/i.exec(coloi);
91varr =
(255
-parseint(result[1],
16)).tostring(
16);
92r
=r.length
<2?
0+r : r;
93varg =
(255
-parseint(result[2],
16)).tostring(
16);
94g
=g.length
<2?
0+g : g;
95varb =
(255
-parseint(result[3],
16)).tostring(
16);
96b
=b.length
<2?
0+b : b;
97return"#
"+r +
g +b;98}99
//封裝字型大小及行高
100function
fontsize()
106function
linesize()
112//
封裝字型間距
113function
fontspac()
119//
字型傾斜
120function
fontxie()
126//
點點div
127function
divcolo()
137return"#
"+j;138
}139
function
fontk()
143function
fontt()
147function
fontl()
151function
dian()
172173
}174
script
>
175body
>
176html
>
驗證碼功能js實現
onload createcode type text id input1 disabled type text id checkcode class code onclick createcode 看不清楚 span id button1 onclick validate type button ...
js實現Web驗證碼
話不多說，直接上 這個js是用來產生驗證碼的 可以直接套用，需要主要的是對應的id名字 隨機產生min到max之間的數 function randomnum min,max 生成隨機顏色rgb分量 function randomcolor min,max function drawpic 畫四條線 ...
驗證碼實現
1.gd庫 2.建立影象步驟 1 建立畫布 就是在記憶體中開闢一塊臨時區域，用於儲存圖影象資訊 2 繪製影象 使用各種函式設定影象顏色，背景，填充畫筆，繪製圖形等 3 輸出圖形 以某種格式儲存到伺服器或者輸出到瀏覽器顯示給使用者。注意 直接輸出之前一定要用header 告訴瀏覽器以影象格式來處理該輸...