角2个textarea的

  • Z时代
  • 2024-01-10
  • 分类：问答

不仅空格我目前正在试图验证在2角一个文本到没有只空格或换行符（/ n或/ R）角2个textarea的

我已经尝试过this的做法，但我在使用<textarea>时，任何换行符都会使输入无效，即使其中有值，所以当有人点击输入以创建新行时，有效模式会转换为无效行。

有关更多信息，请参阅this plunker。

基本上是：

<textarea autocomplete="off" [formControl]="newComment" id="comment"></textarea> 
<button type="submit" [disabled]="!newComment.value || newComment.valid"> 
    Comment 
</button>

和

newComment = new FormControl('', [Validators.pattern("\\s*")]);

所以我的观点是，我得到那个工作，但我敢肯定，我做错了，因为当我检查的textarea的ng值显示ng-invalid，我确定我在混合概念。

对我来说，当它是无效的时候，我们应该禁用输入，而不是其他方式，但因为Validators.pattern是关于匹配到该模式的东西，就像我们必须使用！并反转ng-valid属性的输出。我对吗？

非常感谢您的帮助。

编辑：我知道什么时候有是空格或换行符我的逻辑的比赛，但因为是放弃“空”的文字区域最简单的方法，但是我正在寻找一个更清晰的方式来做到这一点。

回答：

我有一个类似的问题，前一段时间，解决的唯一途径，是创建一个自定义函数来验证字段，因为正则表达式是无效与其它需要的字符像换行符文本区域：

export function validateEmptyField(c: FormControl) { 
    return c.value && !c.value.trim() ? { 
    required: { 
     valid: false 
    } 
    } : null; 
}

用法：

newComment = new FormControl('', [validateEmptyField]);

以上是 角2个textarea的 的全部内容， 来源链接： utcz.com/qa/263129.html

回到顶部