表单常用正则验证

最新推荐文章于 2021-01-27 18:12:27 发布

原创最新推荐文章于 2021-01-27 18:12:27 发布 · 364 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#正则验证

anguler4 同时被 2 个专栏收录

12 篇文章

订阅专栏

Javascript

9 篇文章

订阅专栏

本文详细介绍并提供了三种常见表单字段的正则表达式验证方法：去除输入字段中的空白字符，验证手机号是否符合中国标准格式，以及检查邮箱地址的有效性。这些正则表达式可用于前端表单的数据校验，确保用户输入符合预期格式。

表单常用正则验证

1.去除空格

  //去除空格
  nameValidator(c: FormControl) {
    let NOT_NULL = /\s{0,}[\S]{1,}[\s\S]{0,}/;
    if (c.value) {
      if (!NOT_NULL.test(c.value)) {
        return { error: true, notnull: true };
      }
    }
  };

2.手机号正则

  // 手机号正则
  phoneValidator = (control: FormControl): { [s: string]: boolean } => {
    const EMAIL_REGEXP = /^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/;
    if (!control.value) {
      return { required: true }
    } else if (!EMAIL_REGEXP.test(control.value)) {
      return { error: true, phoneNumber: true };
    }
  };

3.邮箱正则

  //邮箱正则
  emailValidator = (control: FormControl): { [s: string]: boolean } => {
    const EMAIL_REGEXP = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/i;
    if (!control.value) {
      return { required: true }
    } else if (!EMAIL_REGEXP.test(control.value)) {
      return { error: true, email: true };
    }
  };