gpt4 book ai didi

Angular短信模板校验代码

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 32 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章Angular短信模板校验代码由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

1、短信模板内容 。

?
1
2
3
验证码 ${username} 12345
验证码 ${username} 12345
验证码 ${username} 12345

从代码中提取 username, 并判断验证码 username中只存在英文字母 。

2、内容校验,提取模板中${}的内容并且,内容只能使用英文 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
smsTemplateContentChange(value){
   // 短信模板内容 校验
   const error = this .smsTemplateForm.get( 'templateContent' ).getError( 'pattern' );
   if (error){
    return ;
   } else {
    this .smsTemplateForm.get( 'templateContent' ).setErrors( null );
   }
   const reg = /\$\{((?!\{).)*\}/g;
   const matchStr = value.match(reg);
   const resultList = new Set();
   this .paramsList = new Set();
   const pattern = '^[a-zA-Z]{1,}$' ;
   const regex = new RegExp(pattern);
   let isError = false ;
   if (matchStr){
    matchStr.forEach((item: string) => {
     const result = item.replace( '${' , '' ).replace( '}' , '' );
     if (!result.match(regex)){
      isError = true ;
     }
     resultList.add(result);
    });
    if (isError){
     // 设置错误信息
     this .smsTemplateForm.get( 'templateContent' ).setErrors({errorParams: '参数只能使用英文' });
    } else {
     this .paramsList = resultList;
    }
 
   }
   // console.log(value.match(reg).replace('${', '').replace('}', ''));
 
  }

3、前端html 。

?
1
2
3
4
5
6
7
8
<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、最终效果 。

Angular短信模板校验代码

Angular短信模板校验代码

到此这篇关于Angular短信模板校验代码的文章就介绍到这了,更多相关Angular短信模板校验内容请搜索我以前的文章或继续浏览下面的相关文章希望大家以后多多支持我! 。

原文链接:https://www.cnblogs.com/codeobj/p/13705611.html 。

最后此篇关于Angular短信模板校验代码的文章就讲到这里了,如果你想了解更多关于Angular短信模板校验代码的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com