文本归档和下拉列表验证，无需在angularjs中提交

Question

我正在验证文本字段和下拉列表。两者都可以是空的，或者两者都必须填满。我查看了下面的示例，但它仅在按钮点击时验证。我需要验证一旦用户移动到表单中的其他字段而不填写文本字段并选择下拉列表，类似于onblur事件。我找不到任何问题。我问题的任何指示？

Answer 1

我认为你可以用ng-touched来解决问题。当元素失去焦点时应用它。

这些类可以与Angular验证和ng-class

结合使用

ng-class="{'has-error':yourModelObject.$invalid && yourModelObject.$touched}"

制作类似的东西：

<div ng-class="{'has-error':yourModelObject.$invalid && yourModelObject.$touched}"">
    <input type="text" ng-model="yourModelObject" required>
<div>