より効率的なAnglarJSフォーム検証

ngVerity v 1.5.6
a easury AnglarJS Form Validation plugin.簡潔で効率的な_uフォーム認証プラグイン___u
See how powerful it.どれぐらいの強さがありますか?

動的検証

自動関連提出ボタン

多種のtip検証メッセージメッセージメッセージ

は、dom要素値を検証するだけでなく、ngModelデータモデル

を検証することもできる.

は、任意のタイプのフォーム要素をサポートし、非フォーム要素

を検証することもできる.

は、typeタイプの検査テンプレートを提供します.チェック規則はほとんど必要ありません.

は、カスタムルール

を提供する.

は、サードパーティ検証

をサポートする.
Support

IE 9+

angglarjs 1.5+

ショー
ホーム-トップページDEMO-例
Getting Startd

npm install ng-verify

require('angular');//    ，     angular

require('ngVerify');//  verify  

var app = angular.module('APP',['ngVerify']);//    

How to use

フォーム範囲verify-scope

をマークします.

タグ検証が必要な要素ng-verify

バインディング提出ボタンcontrol

verify-scope
インレットコマンドは、コンポーネントによって制御されるフォームの範囲を規定します.

    ...

tipStyle
defualt:1フォーム全体のエラーメッセージスタイルを設定します.

無効tipヒント

バブルフローティングのヒントは、要素の右上に

が浮かびます.

気泡固定高さは、要素の次のライン

に続く.

...

ng-verify
要素指令、認証ルールを定義する
defualt
ng-verifyを使うだけで、typeの種類によって非空検証とタイプのフォーマットをチェックします.

required
defualt:true falseは、空の値をチェックすることができます.

length
min,maxカスタムチェック文字長

pattern
カスタムルールは、正しい規則を優先的にチェックします.

errmsg
カスタムエラーメッセージは、デフォルトのメッセージを上書きします.

オプト
defualt:0 selectプルダウンメニューのプロパティは、指定されたオプトが選択されているかどうかを確認します.

       
        1
        2
        3

リリース
defualt:1 checkboxは少なくともチェックして数を選んで、指定して少なくともいくつの項目を選んでやっと検証に合格することができます.

    checkbox
    
    
    
     Captain America
     Iron Man
     Hulk

リプック
要素を指定して2回検査を行います.受信パラメータは鞥idまたはnameです.

control
フォームを結合してボタンを提出します.control:'formName'

    ...

     

     


   

disabled
defualt:true設定disabled:false提出ボタンは、フォームが検証されていないときは無効になりません.また、clickイベントを自動的にバインドします.クリックするときは、すべてのエラーフォームをマークします.注意:aラベルにはdisabled属性がありませんので、buttonまたはinputを使ってボタンを作ってください.

tipStyle
defualt:form verify-scopeと同じに、単一の要素提示パターンを設定します.
API
依存注入

//    ngVerify ，          
app.controller('yourCtrl',function(ngVerify){
    ...
})

ロック
Verify.check('formName',caluback,draw)は、一つのバージョンが検証されたかどうかを検出し、提出ボタンの状態を更新します.

'formName'             String      //    form name  (  )
call_back              Function    //         (  )
draw (default:true)    Boolean     //              (  )

//              ，   
ngVerify.check('formName',function (errEls) {
    console.log(errEls);
});

//          
ngVerify.check('formName');

//              ，   
ngVerify.check('formName',function (errEls) {
    console.log(errEls);
},false);

checkElement
1つの要素が検証されたかどうかを検出します.

element                id/name/DomObj  //   id   name       dom   
draw (default:true)    Boolean     //              (  )

setError
1つのフォーム要素を強制的に未検証としてマークし、2番目のパラメータを渡さない時にタグをキャンセルします.

elementにはタグが必要な要素があります.dom、idまたはnameに入ることができます.idは_を持つ必要があります.

errmsg tipがエラーを提示したときに表示されるメッセージの優先度は他のエラーメッセージ

より高いです.

ngVerify.setError('#id','    ') // id    
ngVerify.setError('name') // name      

scope
ngVerify.scope()は、バージョンifyフォームの$scopeスコープを取得します.

ngVerify.scope('formName')

タイプ
フォーム要素タイプを設定し、現在サポートされているタイプのタイプ:

email

number

phone

url

ラジオ

checkbox

select

char(アルファベットにアンダースコアを付ける)

date/dates(yyy-mmyy-mm)(hh:mm𞓜hh:mm:ss)時間的部分は非必须

file

tips

から入ってきたパラメータ文字列はすべて対象パラメータでなければなりません.

checkbox、radioグループバインディング検証は最後の

に縛られたほうがいいです.

errmsgパラメータは通常必要ありません.設定は

です.

フォーム範囲内のボタンは、type="submit"であれば、controlパラメータ

を設定する必要がない.

は、より高いチェック優先度

を有するngModelの要素を有する.

は、formネスト

をサポートしていません.
Recent udate

は、長さ入力を制限せずに、チェックを実行するだけで

です.