angularjs - 判断表单输入是否有焦点

Question

我正在 AngularJS 中进行验证，如果有 3 种类型的错误，我会显示一个 div。

对于 required 我只想在页面以空值提交时显示错误消息

<div class="error" data-ng-show="submitted && mainForm.email.$error.required" />

对于正则表达式验证，我希望它标记实时的默认行为。

<div class="error" data-ng-show="mainForm.email.$error.pattern" />

我面临的问题是 minlength。我不想在他们打字时显示它。这很烦人，因为他们还没有完成打字。我也不想在提交时显示它，我认为为时已晚。当它们不再是元素的焦点时，我想展示它。

如果//mainForm.email.$focus 存在，我可以简单地做到这一点

<div class="error" data-ng-show="mainForm.email.$error.minlength && 
!mainForm.email.$focus"/>

任何人都知道有什么方法可以进行这种检查或任何非抽出的替代方法？

谢谢!

Answer 1

是的，它确实
为此，您可以使用 ngFocus 和 ngBlur

这是代码

<form name="mainForm">
    <span ng-show="mainForm.email.$error.pattern && !focus">error here</span>
    <input name="email" ng-pattern="..." ng-focus="focus=true" ng-blur="focus=false" type="text" />
</form>

ngFocus 和 ngBlur 使用表达式，ngShow 在真实评估时显示