判断表单输入是否有焦点

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

对于必需的，我只想在页面以空值提交时才显示错误消息

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

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

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

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

如果 //mainForm.email.$focus 存在我可以简单地这样做

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

有人知道有什么方法可以进行这种检查或任何非长期替代方案吗？

Thanks!

是的，它确实
您可以使用 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 显示