VUE输入用户名条件的设置

刚刚好ā

已于 2022-02-25 17:54:12 修改

阅读量867

点赞数

分类专栏： js 文章标签： vue.js elementui 前端开发语言 vue

于 2022-02-14 17:50:37 首次发布

本文链接：https://blog.csdn.net/weixin_43312391/article/details/122929379

版权

js 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

目标：用户名长度3-10字符；首字母开头；只能包含字母、数字和下划线。

const validateNameLength = (rule, value, callback) => {
      const str = value.trim();
      const length = str.length;
      const reStr = /^[a-zA-Z]{1}/;
      const reEn = /^[a-zA-Z0-9\_)]{3,10}$/;
      if (!reStr.test(value)) {
        callback(new Error("用户名必须以字母开头"));
      } else if (length < 3 || length > 10) {
        callback(new Error("用户名的长度是3到10个字符"));
      } else if (!reEn.test(value)) {
        callback(new Error("用户名只能包含字母、数字和下划线"));
      } else {
        callback();
      }
      this.formData.username = str;
    };