javascript - Validators.pattern 未显示手机号码错误
问题描述
组件.html
<div class="form-group">
<label>Enter mobile</label>
<input type="text" class="form-control" formControlName="mobile" ><br>
</div>
<div *ngIf="userGroup.controls.mobile.invalid && (userGroup.controls.mobile.dirty || userGroup.controls.mobile.touched)">
<div *ngIf="userGroup.controls.mobile.errors.required">
Mobile number cannot be blank
</div>
<div *ngIf="userGroup.controls.mobile.errors.pattern">
Mobile number should be 10 digits only
</div>
</div>
组件.ts
userGroup:FormGroup;
ngOnInit() { this.userGroup = this.fb.group({
mobile:['',Validators.required,Validators.pattern(/^[0-9]{10}$/)]
});
}
对于空白,它工作得很好,但对于模式,它没有显示任何错误
解决方案
试试这样:
mobile:['',[Validators.required,Validators.pattern(/^[0-9]{10}$/)]]
});
推荐阅读
- c++ - 构建 R 包:由于“rand”(C)和“退出”而删除注释的最佳方法
- javascript - Ajax 请求不向控制器方法发送数据
- javascript - Vuetify:v-tabs 不显示内容
- phpmailer - 需要帮助导航 Google 开发者应用程序来为 phpmailer 设置 XOAUTH2
- javascript - 什么事件与移动设备上的 dblclick 类似?
- javascript - 如何开玩笑地打印已安装组件的子元素?
- mysql - 2026,SSL 连接错误:未知错误号 - 我的 django 应用程序在将 mysql 从 5 升级到 8 后遇到
- c++ - 如何在我的 C++ 项目中实现多语言支持?
- google-chrome - 带有可移动/可调整大小弹出窗口的 Chrome 扩展
- javascript - 我怎样才能用jquery做一个循环?