js 手机号、邮箱、中文、等各种正则校验

正则校验各种规则

1. 账号名称校验：（账号不能低于4位，且必须由小写字母开头+数字组合）

//vue +  element用法

  <el-form ref="form" :model="form" :rules="rules" label-width="100px">
    <el-form-item label="账号信息"></el-form-item>
        <el-form-item label="用户账号" prop="userName">
            <el-input
              v-model="form.userName"
              placeholder="请输入用户账号"
              maxlength="15"
              show-word-limit
             />
      </el-form-item>
  </el-form>
    var validateUserName = (rule, value, callback) => {
      if (value === "") {
        callback(new Error("请输入用户账号"));
      } else if (value?.length < 4) {
        callback(new Error("账号不能低于4位，且必须由小写字母开头+数字组合"));
      } else if (!/^[a-z][a-z0-9]{4,15}$/.test(value)) {
        callback(
          new Error("账号必须由小写字母、数字组合、且必须由小写字母开头")
        );
      }
      callback();
    };
    
     rules: {
        userName: [
          {
            validator: validateUserName,
            required: true,
            trigger: "blur",
          },
        ],
      },

2.密码验证（必须由数字、字母、特殊字符组合）

/(?=.*[0-9])(?=.*[a-z])(?=.*[^a-z0-9])/

3.工号校验（必须为中文）

// 校验工号
var validateJobNumber = (rule, value, callback) => {
  if (value.match(/[\x01-\xFF]*/) == false) {
    callback(new Error("工号不能为中文"));
  }
};

4.手机号校验

*/^1[3-9]\d{9}$/*

5.邮箱验证（开始必须是一个或者多个单词字符或者是-，加上@，然后又是一个或者多个单词字符或者是-。然后是点“.”和单词字符和-的组合，可以有一个或者多个组合。）

*/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/*

6、url链接必须以http开头或者https开头的校验

/(http|https):\/\/([\w.]+\/?)\S*/　      //第一种方法
/http[s]{0,1}:\/\/([\w.]+\/?)\S*/       //第二种方法

7、正整数校验

let reg = /^[1-9]+[0-9]*$/