VaildForm使用(一)

3214 ワード

第一歩、css導入


ダウンロードファイルのstyleを参照してください.css、中のValidformの部分をあなたのcssにコピーしなければなりません(ファイルの中のこの注釈"/*================================*/"の後の部分は必要です).一部のネットユーザーがstyle全体をcssはページに参照され、スタイルが競合していることに気づきました.
 
  

第一歩、js導入


第三步、给需要验证的表单元素绑定附加属性

第四步、初始化,就这么简单

$(".demoform").Validform();



 




 


 



 



 

  • datatype内蔵基本的なdatatypeタイプは、*|*6-16|n 6-16|s|s 6-18|p|m|e|url*:入力の有無を検出し、任意の文字を入力でき、空白を残さずに検証に合格できる.*6-16:6~16ビットの任意の文字であるかどうかを検出します.n:数値タイプ;n 6-16:6から16ビットの数字;s:文字列タイプ;s 6-18:6から18ビット文字列;p:郵便番号であるかどうかを検証する.m:携帯番号フォーマット;e:email形式;url:文字列がURLであることを確認します.
    カスタムdatatypeの名前は、アルファベット、数値、下線、中線、*番号で構成できます.
    「*6-16」のdatatypeのように、Validformは自動的に拡張され、任意の数値範囲を指定できます.組み込みの基本タイプに「*6-16」がある場合は、datatype=「*4-12」をバインドすると、4~12ビットの任意の文字が表示されます.datatype=「zh 2-4」をカスタマイズして2~4桁の中国語文字を表す場合、datatype=「zh 2-6」は2~6桁の中国語文字を表します.
    5.2バージョン以降、datatypeはルールの累積またはラジオをサポートします.「,」で区切って規則の累積を表す.「|」で区切ると、ルールが複数選択されていることを示します.つまり、いずれかのルールに合致すれば検証でき、バインドされたルールは順次検証され、検証が通過すれば、後のルールは無視され、比較されません.datatype=「m|e」をバインドすると、携帯電話番号もメールアドレスも記入できることを示し、記入したのが携帯電話番号であることを知っていれば、メールアドレスかどうかを検出することはありません.datatype=「zh,s 2-4」は、カスタムタイプ「zh」に適合するか、ルール「s 2-4」に適合するかを示します.
    注意:
    5.2.1以降、datatypeでサポートされています.
    直接バインド正則:このようにdatatype="/w{3,6}/i"を書くことができれば、大文字と小文字を区別しない3~6ビットのアルファベットが必要です.
    簡単な論理演算をサポートする:datatype="m
    | e
    , *4-18
    |/\w{3,6}/i
    |/^validform\.rjboy\.cn$/",
    この式の意味は、携帯電話の番号でもいいです.またはメールアドレスですが、文字の長さは4~18ビットでなければなりません.あるいは3~6桁のアルファベットで、大文字と小文字を区別しません.またはvalidformを入力.rjboy.cn、大文字と小文字を区別します.ここで「,」の区切りは論理演算の「&&」;「|」の区切りは論理演算の「|」;に相当する.カッコ演算はサポートされていません.