字段的数据校验支持三种校验方式:是否必填校验、正则表达式校验、自定义校验。

必填校验

方法一:通过表单设计器的字段属性设置面板,设置“必填字段”属性为选中状态;
image.png
方法二:可以调用组件的API方法setRequired(true/false),动态设置组件是否必填;

正则表达式校验

通过表单设计器的字段属性设置面板,设置“字段校验”属性,该属性内嵌了几种常见的正则校验(实现代码在src/utils/validators.js),该属性也可以输入自定义的正则表达式文本(输入后请按回车键确认);
设置“校验失败提示”属性,填入校验失败提醒内容。
image.png

自定义校验

选中字段后,在表单设计器的字段属性设置面板选择事件属性“onValidate”,编写校验代码。
image.png

如下示例代码,可校验字段值是否介于0~100,超出范围则校验失败:

  1. if (value === '') { //空值不校验
  2. callback()
  3. return
  4. }
  5. if ((value > 100) || (value < 0)) {
  6. callback(new Error('error message')) //校验失败
  7. } else {
  8. callback(); //校验通过
  9. }