element-ui 中el-form 表单如何校验

我们在使用element-ui中的form表单做一些简单校验时
先看官方文档
在这里插入图片描述
api自带的rules就是验证的规则
有两种方法
一种是写在js代码中

  • trigger代表在什么时候触发验证
  • message代表出发验证时提示内容
  • type代表验证的格式 例如 “string” “number” “eamil”…之类
  • min: 3, max: 5 代表最小长度 和 最大长度
  • required代表是否开始判空验证
  rules: {
   
          name: [
            {
    required: true, message: '请输入活动名称', trigger: 'blur' },
            {
    min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
          ],
          region: [
            {
    required: true

你可能感兴趣的:(element-ui 中el-form 表单如何校验)