问题标签 [angular-validator]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 为什么我的输入验证器总是在 Angular 8 中显示消息?
我有以下表格:
这是我的 .ts 文件:
我使用了此链接中的代码。
因为它应该可以工作,当您使用输入或提交进行一些交互时,它会说电子邮件是强制性的。但我的错误信息总是被显示:
我做错了什么?为什么required
即使我没有对我的输入做任何事情,属性的错误消息也会一直显示?
编辑:我试图删除占位符或将其设置为有效值,但错误仍然存在。尝试删除 ngModel 时也会发生同样的情况。
angular - Angular AsyncValidator 不能按我的意愿工作
这不是我第一次使用AsyncValidator
,但这次我试图创建更复杂的东西。我正在建立一个银行网站。在我的项目中,每个用户都有多个帐户。
我的表单中有两个输入区域:
- Input-1 接受用户名。
- Input-2 取帐号。
我想从 Input-1 中获取用户名并找到用户拥有的帐户,如果 Input-2 中的帐号不是用户的帐户之一,我想给 Input-2 一个错误。
角 V8
就像在这张照片中...
这是验证器:
先感谢您。
angular - 角度之前日期的自定义验证器
我想dateValidator
用反应形式编写一个自定义来检查输入的日期是否在今天之前。
组件.html
组件.ts
这里能写什么?我希望输入的值低于今天:
value < new Date()
angular - 提交一次后使所有输入字段保持原始状态
我有一个角度形式,我想将所有输入字段标记为原始并在提交一次后禁用提交按钮。只是当这个页面第一次加载时。
angular - ReactiveForm 强制执行 asyncValidator
我有一个包含 3 个字段的表单。
Country
, City
, Age
.
我在组上有一个 asyncValidator,以检查它是否City
属于Country
(验证器将调用服务,这就是他异步的原因......)。如果这是错误的,我会显示错误。
我的 3 个字段具有必需的验证。
我的问题是,当我填写Country
and时City
,我的 asyncValidator 没有被调用。我填完后会打电话给他Age
。
我知道 asyncValidator 在每个同步验证器都具有 OK 的状态后执行。
有没有办法强制 asyncValidator 之前被调用?或者将 required 设置为 asyncValidator ?
angular - Angular Validator,检查电子邮件是否对数据库集或登录用户的当前电子邮件是唯一的
在我当前的应用程序中,我正在尝试构建一个允许用户更改其电子邮件或用户名的表单。我在表单字段上有一个验证器,因此用户不能拥有与其他用户相同的用户名或密码。我用用户当前的用户名和电子邮件预先填写该字段,但是,如果我单击该字段删除一个字符然后重新应用它,我会触发警告文本。如果当前用户输入自己的用户名,如何使验证器不引发错误?
angular - 无法读取未定义的属性“无效”
我不断收到此错误,对于我的一生,我不知道为什么!“无法读取未定义的属性‘无效’”changeData 验证器有效,但 ChangePasswordForm 表单的验证器不工作。
第二种形式的警告文本未激活。两种表单共享一个 HTML 卡片,对于间距问题,我们深表歉意。任何帮助都感激不尽!
angular - Angular Validator 模式未按预期工作
我正在使用角度反应形式。在 formGroup 的 formControl 中,我用一个无法正常工作的正则表达式设置了 Validator.pattern,我不明白为什么。我已经在这个网站https://www.regextester.com/99144上验证了正则表达式,检查它并且它工作正常
正则表达式(最少八个字符,至少一个大写字母,一个小写字母,一个数字和一个特殊字符)
这是表单组
因此,当我输入例如“World@20”时,它验证为真,但是当我开始输入“World@201”时,它验证为假,并且它是可插入的。“World@2010”再次验证为真,“World@20100”验证为假,以此类推
angular - Angular Reactive Form Control 数字和字母模式验证器验证不起作用
我正在从动态 JSON 值创建自定义反应表单,试图实现将用户在文本框中输入的字符隐藏为星号符号,
示例:假设用户正在输入“hello world”。
预期输出:**********,这应该在用户键入每个字符时出现
还将进行模式验证,例如仅字母和仅数字,
我已实现上述预期输出,但验证未按预期工作
编码我尝试过的内容