为什么当我输入错误的电话号码时不显示错误？

Question

<!--Validation on phone number-->  
 
<div class="form-group" 
 
    ng-class="{ 'has-success': form.number.$valid && submitted, 
 
       'has-error': form.number.$invalid && submitted }"><!--validation--> 
 

 
    <label> 
 
    <font color="white">Phone Number</font> 
 
    </label> 
 
    <input type="text" name="number" class="form-control" required 
 
     ng-model="user.number" mongoose-error 
 
     ng-pattern="/^8.\d{8}$|^9.\d{8}$|^7.\d{8}$/"> 
 
    <p class="help-block" 
 
    ng-show="form.number.$error.number && submitted"> 
 
    Doesn't look like a valid number. 
 
    </p> 
 
    <p class="help-block" 
 
    ng-show="form.number.$error.required && submitted"> 
 
    What's your phone number? 
 
    </p> 
 
    <p class="help-block" 
 
    ng-show="form.email.$error.mongoose"> 
 
    {{ errors.number }} 
 
    </p> 
 
</div>

Answer 1

不太清楚不过，在有限的代码。请确保你已经在你的代码如下：

1. 确保<form name="form">包含在你提供的代码父DIV
2. 变量submitted当你希望是真的验证

可能解决方案：

从所有验证中删除submitted，而是使submitted为true后验证。

<!--Validation on phone number-->  
 

 
<form name="form" ng-submit="form.$valid && submitted=true && submit()"> 
 

 
<div class="form-group" 
 
    ng-class="{ 'has-success': form.number.$valid, 
 
       'has-error': form.number.$invalid}"> 
 
<!--validation--> 
 

 
    <label> 
 
    <font color="white">Phone Number</font> 
 
    </label> 
 
    <input type="text" name="number" class="form-control" required 
 
     ng-model="user.number" mongoose-error 
 
     ng-pattern="/^8.\d{8}$|^9.\d{8}$|^7.\d{8}$/"> 
 
    <p class="help-block" 
 
    ng-show="form.number.$error.number"> 
 
    Doesn't look like a valid number. 
 
    </p> 
 
    <p class="help-block" 
 
    ng-show="form.number.$error.required"> 
 
    What's your phone number? 
 
    </p> 
 
    <p class="help-block" 
 
    ng-show="form.email.$error.mongoose"> 
 
    {{ errors.number }} 
 
    </p> 
 
</div> 
 
</form>