element-ui 表单校验

绑定的数据

:model="ruleForm"

校验规则

:rules="rules"

//html
:rules="rules" prop="account"
//js
rules：{
 account: {required: true, message: "请输入您要注册的账号", trigger: "blur" },
          {min: 6,max: 16, message: "账号应该由字母开头6~16位组成，不可使用特殊符号",trigger: "blur"}
          {required: true,pattern:/^[a-zA-z]\w{5,15}$/,message: "账号应该由字母开头6~16位组成",trigger: "blur"}
      }

绑定的表单

ref="ruleForm" 绑定过在下面通过下面方法来校验表单

['ruleForm']//一般代表表单名字
//全部验证
this.$refs['ruleForm'] .validate((vakid) =>{
 if (vakid){
  console.log("成功", ture);//通过校验     
 }eles{
     console.log("error", false); //未通过校验
 }
})
//局部验证
['ruleForm']//一般代表表单名字
['Email']//要验证表单的那个要求
this.$refs['ruleForm'] .validate(['Email'] (vakid) =>{
 if (vakid){
  console.log("成功", ture);//通过校验     
 }eles{
     console.log("error", false); //未通过校验
 }
})

Api详解

自带的回调函数 Form Methods