2017-10-06 10 views
0

Angular2でjQuery Form Validatorを使用できますか?私は基本的なフォームを試して、検証が行われていないことを発見しました。 JQuery Form Validator in Angular2

<div class="modal-body"> 
    <form action="" id="testForm" ngNativeValidate> 
     <div class="form-group"> 
      E-mail 
      <input name="email" 
        data-validation="email" 
        [(ngModel)]="email" 
        name="Email" 
        #email="ngModel" /> 
     </div> 
     <div class="form-group"> 
      E-mail 
      <input name="age" 
        data-validation="required" 
        [(ngModel)]="age" 
        name="Age" 
        #age="ngModel" /> 
     </div>  
    </form> 
</div> 

と私はuse $('#testForm').validate()、何が起こっていないタイプのスクリプトで

。 jquery [email protected]とjqueryを依存関係にインストールしました。

答えて

0

フォームビルダーを使用して、コンストラクターで検証を作成します。

このような何か:https://coryrylan.com/blog/angular-form-builder-and-validation-management

+0

しかし、我々はngModelマッピングを必要とする、私たちは角度によって、フォームビルダを使用した場合、その後formControlNameとngModelの間に矛盾がある、それを避けるために、任意の方法があるなら、私に知らせてください。 – user1058913

+0

@ user1058913どういう意味ですか、私はformControlName = "name" [(ngModel)] = "something.name"を使用しますが、それは問題ではありません。それでも問題が解決しない場合は、[ngModelOptions] = "{standalone:true}"を追加してみてください –

+0

ngModelとformControlNameの両方を使用した場合、このエラーが表示される "exportAs"を "ngModel" formControlName = "サーバー" id = "サーバー" [(ngModel)] = "データ?Server.value" name = "サーバー" "text" class = "フォームコントロール" [ngModelOptions] #server = "ngModel" /> user1058913