Jquery 客戶端生成驗證碼

驗證碼的作用：

1.有效防止這種問題對某乙個特定註冊使用者用特定程式暴力破解方式進行不斷的登陸嘗試，實際上是用驗證碼是現在很多**通行的方式

2.防止批量註冊

首先要準備jquery、jquery.idcode.css 和 jquery.idcode.js 三個指令碼,然後再html文件中進行例項生成。
jquery.idcode.css 樣式:

1 @charset "utf-8";2/*

track base css */3
4 .ehong-idcode-val
17 .ehong-idcode-val0
2122 .ehong-idcode-val1
26 .ehong-idcode-val2
30 .ehong-idcode-val3
34 .ehong-idcode-val4
38 .ehong-idcode-val5
42 .ehong-code-val-tip

jquery.idcode.js 指令碼:

1 (function

($),
5             codetip        : 'refresh?',
6             inputid        : 'txtidcode'          //
引用驗證碼輸入框id7};
89var _set =
14     $.idcode =,
19         setcode:function
(option),
24         validatecode:function
(option)else
3233
if(inputv == _storedata(_set.storelable, null
))else39}
40};
4142
function
_commsetting(option)
4546
function
_storedata(datalabel, data)else53}
5455
function
_setcodestyle(eid, codetype, codelength)
62         htmlcode+=';
63         htmlcode+=string(randnum);
64         htmlcode+='" href="#" onblur="return false" onfocus="return false" oncontextmenu="return false" onclick="$.idcode.setcode()">' + _setstyle(codeobj) + '
' + ''/*
+ settings.codetip
*/ +'';
65$(eid).html(htmlcode);
66_storedata(_set.storelable, codeobj);        67}
6869
function
_setstyle(codeobj)
77return fncodeobj.join('');        78}
79function
_createcode(codetype, codelength)else
if(codetype=='calc')else
88return
codeobj;   89}
9091
function
_createcodecalc(codelength)
102return [parseint(code1), parseint(code2) , parseint(code1) +parseint(code2)] ;
103}
104105
function
_createcodefollow(codelength)else
116}
117return
code;
118}
119120 })(jquery);

doctype html

>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>jquery區分大小寫驗證碼
title
>
<
link 
href
="css/jquery.idcode.css"
type
="text/css"
rel="stylesheet"
>
head
>
<
body
>
<
center
><
br><
br>
<
input 
type
="text"
id ="txtidcode"
class 
="txtverification"
><
span 
id="idcode"
>
span
>
<
input 
type
="button"
id="butn"
value
="提交"
>
center
>
<
script 
src="js/jquery-1.12.3.min.js"
>
script
>
<
script 
src="js/jquery.idcode.js"
>
script
>
<
script
>
$.idcode.setcode();   
//載入生成驗證碼方法$("
#butn
").click(
function
()else
})script
>
body
>
html
>

驗證碼一（驗證碼生成）

根據手機好查詢密碼 return type description code for i 0 i 6 i 4位驗證碼也可以用rand 1000,9999 直接生成 將生成的驗證碼寫入session，備驗證時用 session start session verify num code 建立，定義顏色...

生成驗證碼

在此處放置使用者 以初始化頁面 bitmap image new bitmap int math.ceiling validatenum.length 12.5 22 graphics g graphics.fromimage image tryfinally region web 窗體設計器生成的...

生成驗證碼

生成驗證碼的類 using system using system.data using system.configuration using system.collections using system.web using system.web.security using system.web...