el-input 规则

197 阅读1分钟

常见用法

  • 必选
{ required: true, message: '请输入名称', trigger: 'blur' },
  • 字符数限制
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
  • 最大/最小限制
{
    type: "number",
    min: 1,
    max: 300,
    message: '请输入1-300之间的数字',
    trigger: 'blur',
    transform: (value) => Number(value)
}
  • 正则
{
    pattern/^[0-9a-zA-Z\u4e00-\u9fa5]{1,30}$/,
    message"30个以内请输中英文及数字",
}

常见正则

  1. 是否合法IP地址:

pattern:/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/

  1. 是否手机号码或者固话

pattern:/^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/

  1. 是否身份证号码

pattern:/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/

  1. 是否邮箱

pattern:/^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/

  1. 整数填写

pattern:/^-?[1-9]\d*$/

  1. 正整数填写

pattern:/^[1-9]\d*$/

  1. 小写字母

pattern:/^[a-z]+$/

  1. 大写字母

pattern:/^[A-Z]+$/

  1. 大小写混合

pattern:/^[A-Za-z]+$/

  1. 多个8位数字格式(yyyyMMdd)并以逗号隔开

pattern:/^\d{8}(\,\d{8})*$/

11.数字加英文,不包含特殊字符

pattern:/^[a-zA-Z0-9]+$/

12.前两位是数字后一位是英文

pattern:/^\d{2}[a-zA-Z]+$/

13.密码校验(6-20位英文字母、数字或者符号(除空格),且字母、数字和标点符号至少包含两种)

pattern:/^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$)([^\u4e00-\u9fa5\s]){6,20}$/

14.中文校验

pattern:/^[\u0391-\uFFE5A-Za-z]+$/