AngularJS:如何检查用户名可用性?

时间:2016-08-11 08:09:25

标签: 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>

2 个答案:

答案 0 :(得分:1)

看起来你缺少表单元素

 <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> 

答案 1 :(得分:1)

您可以使用ng-change指令并调用一个函数来调用服务器并验证用户名是否存在,具体取决于显示错误/用户成功。

我认为这是已经完成的事情,除了服务器调用之外我没有看到任何其他选择。