2016-08-11 2 views
0

usernameを入力するための入力ボックスがあります。私はユーザ名の可用性をチェックし、以下のコードでユーザ名検証のようなエラー/成功メッセージを表示したいと思います。これを行う最良の方法は何ですか?AngularJS:ユーザー名の有無を確認する方法は?

<div class="form-group col-md-8"> 
    <p>User Name*:</p> 
    <input type="text" name="uname" class="form-control" ng-model="uname" ng-model-options="{ debounce: 800 }" ng-change="check(uname)" required /> 
    <span style="color:red" ng-show="form.uname.$dirty && form.uname.$invalid"> 
    <span ng-show="form.uname.$error.required">User Name is Required</span> 
    </span> 
</div> 

答えて

0

を逃すように見えますユーザーに。

私はそれがすでに行われていると推測しています。私は、サーバーコール以外の方法を見ていません。

1

あなたはNG-変更ディレクティブを使用してサーバを呼び出して、ユーザ名が存在するかどうかを確認するか、その表示エラー/成功に依存する関数を呼び出すことができるフォーム要素に

<form name="myForm"> 
     <label> 
      User name: 
      <input type="text" name="userName" ng-model="user.name" required> 
      <span class="error" ng-show="myForm.userName.$error.required"> 
       Required! 
      </span> 
     </label> 
</form> 
関連する問題