Angular中的日期和货币验证(4)

发布时间：2020-12-17 06:56:13 所属栏目：安全来源：网络整理

导读：我是Angular的新手.我正在使用角度4反应形式,并想出如何执行自定义验证.以下是我对数字的实现 function numberValidator(c: AbstractControl): { [key: string]: boolean } | null { if (c.pristine) { return null; } if (c.value.match(/.*[^0-9].*/)) { r

我是Angular的新手.我正在使用角度4反应形式,并想出如何执行自定义验证.以下是我对数字的实现

function numberValidator(c: AbstractControl): { [key: string]: boolean } | null {
    if (c.pristine) {
        return null;
    }
    if (c.value.match(/.*[^0-9].*/)) {
        return { 'numeric': true };
    }
    return null;
}

 phoneControl: ['',[Validators.required,Validators.minLength(10),Validators.maxLength(10),numberValidator]],

我试图找出如何执行货币(有或没有两位小数)和最重要的日期字段.

原谅我,如果这在其他地方得到解答,但我找不到任何角度样本(4)

谢谢你的时间

解决方法

您需要什么样的日期验证？只是价值是有效的日期？如果在input元素上设置type =“date”,浏览器将确保仅输入有效日期.

对于您显示的数字验证器和任何货币验证器也是如此.您应该能够在input元素上设置type =“number”,而不需要验证器.

如果您仍然想要执行自己的验证,则可以像在示例中一样使用正则表达式.

只需查找货币和日期的正则表达式.对于日期,这样的事情：Javascript – Regex to validate date format

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!