gVerifyコード

1は、JSファイルを導入しました
達成するために2、
<％- 
  のIntelliJ IDEAによって作成されます。
  ユーザー：
  日付：2019年/ 8 / 28 
  時間：10 ：31 
  にするにこのテンプレートを使用するファイルを変更します| 設定| ファイルのテンプレート。
- ％> 
<％@ページのcontentType = " text / htmlの;のcharset = UTF-8 " 言語= " javaの"  ％> 
< htmlの> 
  < ヘッド> 
    < タイトル> $タイトル$ </ タイトル> 
    < スクリプトSRC = "JS / jqueryの-1.11.3.js" > </ スクリプト> 
    < スクリプトSRC = "JS / gVerify.js" > </ スクリプト> 
  </ ヘッド> 
  < 身体> 
  <！ - 测试验证码的使用- > 
  < センター> 
    < div要素のid = "v_container" スタイル= "幅：200pxの、高さは50px;" > </ DIV > 
    < 入力タイプ= "テキスト" ID = "code_input" 値= ""= "my_buttonという" >確認する</ ボタン> 
  </ センター> 
  <！ - インポートファイルのJS - > 
  < スクリプト> 
    // 1オブジェクトコードを作成します。
    VARのverifyCode =  新新GVerify（" v_containerを" ）;
     // 2ボタンのためにイベントバインド
    のdocument.getElementById（「my_buttonという」）.onclick =  関数（）{
      // 筆記後3挙動をトリガする確認ボタンをクリック
      // 入力ボックスの値が一致3.1でオブジェクトコードの値を確認するかどうかを
      VARをRES = verifyCode.validate（文書。getElementByIdを（" Code_input " ）.Valueの）;
       IF （RES）{ 
        アラート（" 正しいことを確認" ）; 
      } 他{ 
        アラート（" 不正コード" ）; 
      } 
    } 
  </ スクリプト> 

  </ ボディ> 
</ HTML >
おすすめ
