Angular 验证不适用于模式属性

标签 angular twitter-bootstrap validation

我正在尝试测试此控件的验证,但当我将数字降低到 9 并返回 10 时,验证仍然无效.

<input type="tel" #phone="ngModel" required pattern="^\d{10}$" class="form-control" [class.is-invalid]="phone.invalid && phone.touched" name="phone" [(ngModel)]="userModel.phone">

最佳答案

你必须使用这样的模式属性::

<input [name]="fullName" pattern="[a-zA-Z ]*" ngModel>

有关模式验证器的更多信息::

https://angular.io/api/forms/PatternValidator

https://www.concretepage.com/angular-2/angular-2-4-pattern-validation-example

关于 Angular 验证不适用于模式属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52584486/

相关文章:

angular - 如何更改 Ng Bootstrap Datepicker 月份和日期顺序

css - bootstrap + FOR 3.2.21 导航栏不工作

php - 使用 javascript 与 php 进行表单验证

jquery - 使用 jQuery 和 AJAX 进行表单验证未正确设置变量

angular - Rxjs 如何在智能组件中等待所有来自动态组件的 observables 完成

javascript - Angular Ngfor,触发点击第 n(x) 项

jquery - Bootstrap 模式不会显示

javascript - 可用于测试 JavaScript 验证脚本的电子邮件地址列表

javascript - 如何清除 ngx-bootstrap 日期选择器中的值?

html - 汉堡包菜单未显示在我的网页上