正则表达式

最新推荐文章于 2022-01-17 17:02:42 发布

原创最新推荐文章于 2022-01-17 17:02:42 发布 · 178 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vue 同时被 2 个专栏收录

53 篇文章

订阅专栏

40 篇文章

订阅专栏

本文介绍了在前端开发中，如何使用正则表达式进行手机号、UnionID、时间、生日、邮箱、QQ和年龄等字段的格式校验，确保用户输入的数据符合规范。通过示例代码展示了具体的验证规则和错误提示，帮助提升用户体验。

 let myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
      let dateFormat = /^[1-2][0-9][0-9][0-9][-,/,.][0-1]{0,1}[0-9][-,/,.][0-3]{0,1}[0-9]$/ ;
      let rea = /^[0-9.]+$/;//数字
      let union=/(^\s+)|(\s+$)|\s+/g
      let reg =/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/;

      if (i.row[isdx].name == '手机号') {
            if (!myreg.test(i.row[isdx].value)) {
              show = false
              this.$message.warning("您输入的手机号格式不对");
              return false;
            }
          } else if(i.row[isdx].name == 'Union ID') {
            if (union.test(i.row[isdx].value)) {
              this.$message.warning("您输入的 Union ID 格式不对");
              show = false
              return false;
            }
          }
            if (i.row[isdx].name == '时间') {
              if(i.row[isdx].value){
                if (!dateFormat.test(i.row[isdx].value)) {
                  this.$message.warning("您输入的时间格式不对");
                  show = false
                  return false;
                }
              }
            }
            if (i.row[isdx].name == '生日') {
              if(i.row[isdx].value){
                if (!dateFormat.test(i.row[isdx].value)) {
                  this.$message.warning("您输入的生日格式不对");
                  show = false
                  return false;
                }
              }
            }
            if (i.row[isdx].name == '邮箱') {
              if(i.row[isdx].value){
                if (!reg.test(i.row[isdx].value)) {
                  this.$message.warning("您输入的邮箱格式不对");
                  show = false
                  return false;
                }
              }
            }
            if (i.row[isdx].name == 'QQ') {
              if (!rea.test(i.row[isdx].value)) {
                this.$message.warning("您输入的格式不对QQ");
                show = false
                return false;
              }
            }
          
            if (i.row[isdx].name == '年龄') {
              console.log('年龄')
              if (!rea.test(i.row[isdx].value)) {
                this.$message.warning("您输入的年龄");
                show = false
                return false;
              }
            }