JSValidate検証フレームワーク

13959 ワード
js。 職場 フォームの検証 レジャー JSValidate
一.JSValidation行くhttp://cosoft.org.cn/projects/jsvalidationで行ないます.二.JSValidationが実現できる検証機能:13種類の検証規則:入力内容が空でない入力数値は整数でなければならない入力数値は二精度浮動小数点数でなければならない入力文字は普通の英語文字(アルファベット、数字、下線)でなければならない入力文字が中国語文字でなければならない入力内容がEmail形式であるか入力内容最大長入力内容最小長入力内容が日付形式(yyyy-mm-dd)でカスタマイズされた正規表現であるか否か入力数値の整数範囲(ある数より大きく、ある数より小さい)入力値の二重精度範囲入力内容は、あるドメインの値と同じである必要があります.

  
  
  
  
    
   
   
   
   
  1. <!--6 JSValidation   13        -->   
    2. 
   
   
   
   
  2.     <!--name         -->   
    3. 
   
   
   
   
  3.     <!--required   ，              -->   
    4. 
   
   
   
   
  4.     <!--integer:               -->   
    5. 
   
   
   
   
  5.     <!--double:          double      -->   
    6. 
   
   
   
   
  6.     <!--commonChar       ：             -->   
    7. 
   
   
   
   
  7.     <!--chineseChar:          -->   
    8. 
   
   
   
   
  8.     <!--minLength:     ， param0        -->   
    9. 
   
   
   
   
  9.     <!--maxLength:     ， param0        -->   
    10. 
   
   
   
   
  10.     <!--email:    Email       -->   
    11. 
   
   
   
   
  11.     <!--date:        ， param0   yyyy-mm-dd,              。       dd/mm/yyyy -->   
    12. 
   
   
   
   
  12.     <!--mask:                 param0        -->   
    13. 
   
   
   
   
  13.     <!--integerRange:          0   1  。 param0 param1          -->   
    14. 
   
   
   
   
  14.     <!--doubleRange: double         0   1     0   1       Float。 -->   
    15. 
   
   
   
   
  15.     <!--equalsField:             param0：          。         -->   
    16. 
   
   
   
   
  16.  
    17.
三.ノード説明ノード説明validation-config:ルートノード属性:lang:使用する言語は、「auto」、「zh-cn」(簡体字中国語)または「en-us」(英語)であってもよい.デフォルトはauto、オプションです.サブノード:form、1つ以上のform:仮想フォーム、idによってページ内のフォーム属性:id:ページフォーム内のidをマッピングし、このidによってjsvalidationを実際のページフォームに関連付けます.show-error:エラーメッセージを表示する方法が必要です.alert(ダイアログが表示される)またはdivのid(このdivにエラーメッセージが表示される)onfail:チェックアウトに失敗した場合に実行されるカスタムJS関数です.オプション(このバージョンはまだ実装されていません)      サブノード:field、1つ以上のfield:仮想フォームドメイン、フォーム内の実際のドメイン属性:name:フォーム内のドメイン名、例えばinput name=「abc」をnameでマッピングします.ここではabcに対応します.display-name:フォームの表示名が必要です.チェックアウトに失敗すると、このプロパティが表示されます.onfaile:formのonfailと同じでなければなりません.まだ実装されていません.オプション     サブノード:depend、1つ以上のdepend:検証条件属性:name:検証条件の名前は、以下に指定する13のいずれかの名前で、大文字と小文字が敏感である必要があります.必要です.param 0-param 4,5パラメータは,nameによってそれぞれ異なる値をとる.
4.構成1.このフレームワークの3つのファイル、validation-config.dtd(キーファイル、トランスコードに関連する可能性があり、構成する必要はありません)、validation-framework.js、validation-config.xml.2.3つのファイルを対応するフォルダの下に入れます.私がよく使うのは.../WebRoot/jsフォルダの下で3.1.validation-framework.jsファイルを構成します.赤いフォントです.これはパスです(3つのファイルをWeb-Rootの下に置くと変更する必要はありません).Validation-framework.jsコード1.var ValidationRoot="js/";  var ValidationRoot = "js/";3.2.validation-config.xmlValidation-config.xmlコードの構成
  

  
  
  
  
    
   
   
   
   
  1. <?xml version="1.0" encoding="utf-8"?>     
    2. 
   
   
   
   
  2. <!DOCTYPE validation-config SYSTEM "validation-config.dtd">     
    3. 
   
   
   
   
  3. <validation-config lang="auto">     
    4. 
   
   
   
   
  4.     <form id="UserForm" show-error="alert" show-type="all">     
    5. 
   
   
   
   
  5. <!--UserForm          id(   struts-config.xml    )-->     
    6. 
   
   
   
   
  6.         <field name="userinfo.UName" display-name="   " onfail="">     
    7. 
   
   
   
   
  7. <!--           ,          Uname  -->     
    8. 
   
   
   
   
  8.             <depend name="required" />     
    9. 
   
   
   
   
  9.             <depend name="maxLength" param0="10"/>     
    10. 
   
   
   
   
  10.        </field>     
    11. 
   
   
   
   
  11.         <field name="userinfo.UPwd" display-name="  " onfail="">     
    12. 
   
   
   
   
  12.            <depend name="required" />     
    13. 
   
   
   
   
  13.             <depend name="maxLength" param0="10"/>     
    14. 
   
   
   
   
  14.        </field>     
    15. 
   
   
   
   
  15.        <field name="comfirm_pwd" display-name="       " onfail="">     
    16. 
   
   
   
   
  16.             <depend name="required" />     
    17. 
   
   
   
   
  17.             <depend name="maxLength" param0="10"/>     
    18. 
   
   
   
   
  18.            <depend param0="userinfo.UPwd" name="equalsField"/>     
    19. 
   
   
   
   
  19.         </field>     
    20. 
   
   
   
   
  20.     </form>     
    21. 
   
   
   
   
  21.    <!--              ，    ，       -->     
    22. 
   
   
   
   
  22.     <form id="loginform" show-error="alert" show-type="all">     
    23. 
   
   
   
   
  23.       <field name="username" display-name="   " onfail="">     
    24. 
   
   
   
   
  24.            <depend name="required" />     
    25. 
   
   
   
   
  25.            <depend name="maxLength" param0="10"/>     
    26. 
   
   
   
   
  26.       </field>           
    27. 
   
   
   
   
  27.        <field name="userpwd" display-name="  " onfail="">     
    28. 
   
   
   
   
  28.            <depend name="required" />     
    29. 
   
   
   
   
  29.            <depend name="maxLength" param0="10"/>     
    30. 
   
   
   
   
  30.         </field>       
    31. 
   
   
   
   
  31.    </form>     
    32. 
   
   
   
   
  32. </validation-config>    
    33. 
   
   
   
   
  33.  
    34. 
   
   
   
   
  34.  
    35.
Actionインタフェースの使用
hdu 2014青年歌手グランプリ_審査委員会の採点の解題報告