angularjs – 确定表单输入是否具有焦点

前端之家收集整理的这篇文章主要介绍了angularjs – 确定表单输入是否具有焦点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在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"/>

任何人都知道有什么办法做这种检查还是任何非抽出的选择?

谢谢!

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

猜你在找的Angularjs相关文章