2016-10-12 4 views
1

私は登録用紙を持っています。私は、各フィールドの値を検証し、無効な場合は特定のフィールドを強調表示し、それぞれのフィールド領域にページを移動する必要があります。Angularjsでフォームフィールドを無効にする方法は?

フィールド値を検証するためにスパンを使用しています。

しかし、送信ボタンをクリックしたときにフォームの妥当性チェックを行い、必須フィールドの値が空の場合はフィールドを強調表示したいと思います。

マイHTML:

<div class="form-group fields col-sm-2 col-xs-4" ng-class="{'has-error': (tForm.fname.$dirty || tForm.$submitted) && tForm.fname.$invalid }"><label for ="fname">FIRST NAME *</label><br> 
      <input type="text" name="fname" class="form-control1 col-sm-2 col-xs-4" autocomplete="off" ng-required="true" ng-model="model.firstName" ng-pattern="/^[a-zA-Z ]*$/" ng-minlength ="1"/> 

      <span ng-show="!tForm.fname.$error.required && tForm.fname.$error.minlength && tForm.fname.$dirty && !tForm.fname.$error.minlength" class="help-block"> 
       Fistname must be atleast 1 character. 
      </span> 
      <span ng-show="!tForm.fname.$error.required && !tForm.fname.$error.minlength && tForm.fname.$error.pattern && tForm.fname.$dirty" class="help-block"> 
       Must contain only Characters 
      </span> 
      <span ng-show="tForm.fname.$dirty && tForm.fname.$error.required" class="help-block" > 
       First name is required 
      </span></div> 

答えて

0

検証

Plunker

Use Bootstrap showerrors directive 
ためplunker以下の使用
関連する問題