angular - 如何验证空格/空格? [ Angular 2]

标签 angular validation typescript input

我想避免在我的 angular 2 形式中出现空白/空格? 是否可以? 如何做到这一点?

最佳答案

您可以创建自定义验证器来处理此问题。

new FormControl(field.fieldValue || '', [Validators.required, this.noWhitespaceValidator])

将 noWhitespaceValidator 方法添加到您的组件

public noWhitespaceValidator(control: FormControl) {
    const isWhitespace = (control.value || '').trim().length === 0;
    const isValid = !isWhitespace;
    return isValid ? null : { 'whitespace': true };
}

在 HTML 中

<div *ngIf="yourForm.hasError('whitespace')">Please enter valid data</div>

关于angular - 如何验证空格/空格? [ Angular 2],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39236992/

相关文章:

Angular 火 2 错误 : The specified authentication provider is not enabled for this Firebase

javascript - 使 html 输入包含要验证的内容

c++ - 我可以使用 JsonCpp 部分验证 JSON 输入吗?

node.js - Electron - 无法使用 Google 的语音转文本引擎

javascript - 观看已删除的模型?

typescript - Jest 不转换导入的 typescript

javascript - Angular Material CDK Drop 事件未触发

jasmine - 测试订阅可观察对象的方法 - Angular 2

angularjs - 未找到翻译 - Jhipster/Angular

C++ 感知字符