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

Question

我是 Angular 的新手。我正在使用 angular 4 react 形式并弄清楚如何执行自定义验证。以下是我对数字的实现

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]],

我正在尝试了解如何执行货币(带或不带两位小数)以及最重要的日期字段。

请原谅我是否在其他地方回答过这个问题，但我找不到任何 angular(4) 的样本

谢谢你的时间

Answer 1

您需要什么样的日期验证？只是该值是有效日期？如果您在输入元素上设置 type="date"，浏览器将确保只输入有效日期。

对于您显示的数字验证器和任何货币验证器都是一样的。您应该能够在输入元素上设置 type="number"，并且不需要验证器。

如果您仍然确实想要执行自己的验证，您可以像示例中那样使用正则表达式。

只需查找货币和日期的正则表达式。对于日期，是这样的:Javascript - Regex to validate date format