el-input 输入内容限制汇总(数字、数字+中英文),且限制内容长度

只能输入数字


只能输入数字和中英文


校验邮箱格式

第一步:
 // prop绑定参数
        
      


第二步:
data() {
    var checkEmail = (rule, value, callback) => {
      const regEmail =
        /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
      if (regEmail.test(value)) {
        return callback()
      }
      callback(new Error('请输入合法的邮箱格式'))
    }
    return {
      form: {
        email: ''
      },
      rules: {
        email: [
          { required: true, message: "请输入邮箱", trigger: "blur" },
          { validator: checkEmail, trigger: 'blur' }
        ]
      }
    }
  },

你可能感兴趣的:(el-input 输入内容限制汇总(数字、数字+中英文),且限制内容长度)