ケース1:SMS確認コードと共にCAPTCHAは、単に動的な確認コードを生成することができるSRCに(ID =「IMG」)に充填する背景ダイナミックリンクを提供します。
担保AJAX正しい認証コードかどうかを確認するために、ユーザによって入力された、情報、要求インタフェース必要なだけ(ID =「imgCode」)。
原則(背景):受信要求後の文字列とストア・ピクチャによるセッションの背景には、入力文字列パラメータ帯域にわたって、か否か同じことを決定しません。
<!DOCTYPE HTML>
<HTML>
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>图形验证码</ TITLE>
</ HEAD>
<BODY>
<フォーム>
の<divクラス= "imgCodeBox">
<ラベルのため = "imgCode">图形验证码</ラベル>
の<input type = "text"のプレースホルダ= "请输入验证码" ID = "imgCode">
<IMG SRC = "" ID = "IMG">
</ DIV >
</ FORM>
</ BODY>
</ HTML>
ケース2:乱数を発生させて実現JS
1、グラフィックコンテナヤードを作成
<ラベルクラス= "mylabelという"> 图形码:
の<input type = "ボタン" ID = "コード"のonclick = "createCode()"スタイル= "ボーダー:0;背景色:透明;パディング:0;" />
</ label>は
2、確認コードを生成し、クリックされたときに、ページのロード時に呼び出すと、
、 'W'、 'X'、 'Y'、 'Z'); // 随机数のための(VAR ; iは符号長を<; I = 0 iが++){ // サイクリック操作 するvar指数= Math.floor(Math.random()* 36); // 取得インデックス乱数(0〜35) コード+ =ランダム[インデックス]; // 乱数を取得し、インデックスコードに追加されます } checkCode.value =コード; // コードが割り当てられたコード値 }