组件校验
用于检测数据是否符合预期,例如某些字段需要用户填写,不能为空,便可以通过必填校验进行检测

触发方式
- 失去焦点时:当鼠标离开此组件并点击时触发校验
- 值改变时:当所验证数据值改变时触发校验
- 同时触发:同时兼容以上两种触发方式
校验类型
必填校验
当验证数据为空时触发校验

范围值校验
当验证数据不在设置范围内时触发错误提示,可以对字符串长度进行校验

枚举值校验
组件只能是枚举值中的数据

正则表达式校验
通过正则表达式验证,用法如下图所示。可以点击【运行测试】测试值

自定义校验
通过自定义代码进行组件验证
return function({zcFormHelper, callback,value}) {
if(value && value.indexOf("测试")<=-1){
callback(new Error("输入文字必须包含测试关键字"));
}
else{
// 正常返回
callback();
}
}
