当自动填充值时,AngularJS ng-minlength不起作用

时间:2017-07-21 17:40:09

标签: javascript angularjs

我有一个输入文本框,用于下面给出的手机号码

<input type="text" class="form-input" placeholder="Example: (416) 111-2222" required
    ng-model="contact.phone" phone-input maxlength="14" ng-minlength="14" name="phone" digit-only>
<div class="error" ng-show="contactForm.$submitted || contactForm.phone.$touched">
    <span ng-show="contactForm.phone.$error.required">Required Field</span>
    <span ng-show="contactForm.phone.$error.minlength">Invalid input</span>
</div>

当我手动输入任何内容时,它工作正常。

但是,当值来自我的Rest API时,这次我必须将此值填充到同一文本框中。因此,当此值{​​{1}}自动填充在此文本框内并且以正确的方式显示1235455454时,它会显示“无效输入”验证错误但值正确。

我正在使用AngularJS。

1 个答案:

答案 0 :(得分:0)

尝试使用ng-pattern为其提供正则表达式,并使用ng-messages而不是ng-show