常用校验规则使用

前端常用校验
1.只能输入数字 不能输入空格

<el-input v-model="ruleForm.biddingAmount" maxlength="10" clearable
                                        onkeyup="this.value=this.value.replace(/[^\d]/g, '').replace(/^0{1,}/g,'')"
                                        onafterpaste="this.value=this.value.replace(/[^\d]/g, '').replace(/^0{1,}/g,'')">

2.只能输入中文英文数字

let titleTest = (rule, value, callback) => {
        const title = /^[\a-\z\A-\Z0-9\u4e00-\u9fe5]+$/
        if (!title.test(value)) {
            callback(new Error('只能输入中文、数字和英文'))
        } else {
            callback()
        }
    }

3.密码只能数字加字母

const validPassword = (rule, value, callback) => {
    const reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{4,10}$/
    if (!reg.test(value)) {
      callback(new Error('密码必须是由4-10位字母+数字组合'))
    } else {
      callback()
    }
  }

4.手机号码

 phoneNumber: [{ required: true, message: "请输入手机号码", trigger: "blur" },
          {
            pattern: /(^((\+86)|(86))?(1[3-9])\d{9}$)|(^(0\d{2,3})-?(\d{7,8})$)/,
            message: '输入的手机号码格式不正确，请重新输入', trigger: 'blur'
          }],

5.邮箱`

email: [
            {
              pattern: /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9_\.\-])+\.)+([a-zA-Z0-9]{2,4})+$/,
              message: '请输入正确的邮箱格式', trigger: 'blur'
            }],