Angular短信模板校验代码
网络编程 发布日期：2025/10/30 浏览次数：1
正在浏览：Angular短信模板校验代码
1、短信模板内容
验证码 ${username} 12345
验证码 ${username} 12345
验证码 ${username} 12345
从代码中提取 username, 并判断验证码 username中只存在英文字母
2、内容校验，提取模板中${}的内容并且，内容只能使用英文
smsTemplateContentChange(value){
// 短信模板内容 校验
const error = this.smsTemplateForm.get('templateContent').getError('pattern');
if (error){
return;
}else{
this.smsTemplateForm.get('templateContent').setErrors(null);
}
const reg = /\$\{(("htmlcode">
<se label="短信模板" [error]="{
required: '请输入短信模板',
pattern: '最大长度不超过200！',
errorParams: '${}参数中只能使用英文'}">
<textarea formControlName="xxx" [(ngModel)]="smsTemplateVo.xxx"
(ngModelChange)="smsTemplateContentChange(smsTemplateVo.xxx)" nz-input required></textarea>
<div ><strong>提取可用参数：</strong><nz-tag *ngFor="let tag of paramsList" nzColor="default">{{tag}}</nz-tag></div>
</se>
4、最终效果
上一篇：Vue3为什么这么快