CAPTCHAは、2つの方法で実装されています

ケース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 =コード; // コードが割り当てられたコード値 
        }

 

おすすめ

転載: www.cnblogs.com/dingboyang/p/10991239.html