forms - 用户离开字段后验证字段

标签 forms angularjs

使用 AngularJS,我可以使用 ng-pristine 或 ng-dirty 来检测用户是否已输入该字段。但是,我只想在用户离开字段区域后才进行客户端验证。这是因为,当用户输入电子邮件或电话等字段时,他们总是会抛出错误,直到输入完整的电子邮件为止,这不是最佳的用户体验。

Example

<小时/>

更新:

Angular 现在附带了自定义模糊事件: https://docs.angularjs.org/api/ng/directive/ngBlur

最佳答案

从版本 1.3.0 开始,可以使用 $touched 轻松完成此操作,在用户离开字段后即如此。

<p ng-show="form.field.$touched && form.field.$invalid">Error</p>

https://docs.angularjs.org/api/ng/type/ngModel.NgModelController

关于forms - 用户离开字段后验证字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15798594/

相关文章:

javascript - 表单提交后 HTML 重置

php - 如何将删除按钮添加到将从 MySQL 表中删除行的 PHP 表单

javascript - 在提交远程引导模态 Rails 表单之前触发 js

javascript - Angular JS中的随机函数

javascript - 在图标上动态添加 UI Bootstrap Popover?

php - 将 Javascript 变量显示为 PHP 变量

jquery - jQuery 的 `click()` 方法适用于隐藏的表单元素吗?

javascript - 如何为以下 Angular 函数编写单元测试用例

javascript - Controller 函数可以将数据绑定(bind)到元素的数据属性吗?

javascript - 在配置 block 中设置 $httpProvider.defaults.cache