Javascript Angularjs在同一文本框上进行多次验证

嗨，我正在开发angularjs应用程序。我有文本框，我有自定义指令附加到它。它应该接受一定范围的数字，例如100到200之间的数字。它工作得很好。除了这些验证之外，我还需要提交表单时所需的字段验证程序。一次只能显示一个验证。下面是我的文本框

<div class="inputblock" ng-class="{ 'has-error' : ((form5.$submitted && form5.rangeNumber.$invalid )|| (form5.rangeNumber.$invalid && form5.rangeNumber.$dirty))}">
    <label class="inputblock-label">{{'Down Payment' | translate}}</label>
    <div>
        <span class="ang-error" style="color:#fff" ng-show="form5.rangeNumber.$dirty && form5.rangeNumber.$invalid">
                                     <span ng-show="!(form5.$submitted && form5.rangeNumber.$error.required)&&form5.rangeNumber.$invalid && form5.rangeNumber.$dirty">
                                         {{ 'Value should be between' | translate }} {{min}} {{'and' | translate}} {{max}}
                                     </span>
        </span>
    </div>
    <input class="" type="text" name="rangeNumber" ng-attr-placeholder="{{ 'DownPayment' }}" ng-model="DownPayment" range-number="range" required>
</div>

{{‘首期付款’|翻译}
{{'值应介于{124; translate}{{min}}{{'和{124; translate}}{{max}}之间

---

我可以知道是否可以这样做吗？

下面是错误指示

   <span ng-show="form5.rangeNumber.$invalid && form5.rangeNumber.$dirty">
        {{ 'Value should be between' | translate }} {{min}} {{'and' | translate}} {{max}}</span>
       </span>

{{'值应介于{124; translate}{{min}}{{'和{124; translate}}{{max}}之间

提交时所需的错误

<span ng-show="form5.$submitted && form5.rangeNumber.$error.required">
          Required*
</span>

必需的*

组合以避免两者同时出现

   <span ng-show="!(form5.$submitted && form5.rangeNumber.$error.required)&&form5.rangeNumber.$invalid && form5.rangeNumber.$dirty">
        {{ 'Value should be between' | translate }} {{min}} {{'and' | translate}} {{max}}</span>
       </span>

{{'值应介于{124; translate}{{min}}{{'和{124; translate}}{{max}}之间

您可以使用ng minlength和ng maxlength来验证范围，而不是自定义指令谢谢。我已经有了指令，它正在按预期工作。一起显示的错误是什么？我只能显示指令错误。我已附上错误。每当我选择提交表单时，我希望显示必填项，当用户单击文本框时，则应显示范围消息。因此，如果提交表单时上述字段为空，是否希望显示必填错误？谢谢。我现在离开办公室。汤姆，我会没事的。如果有什么问题，请告诉我。希望你做得很好。我应用了验证，但它是重叠的。我附上了屏幕截图。它在工作，但每当我输入一些无效的数字，然后如果我点击提交并返回文本框，如果我清除，我会得到没有任何文本的红色。我已经更新了我的代码和图片。这是因为你的ng类正在评估为真