EOS Low-Code Platform 8 EOS Low-Code Platform 8
产品简介
学习指南
更新说明
安装与集成
初见EOS
低代码开发手册
专业代码开发手册
专题场景实战
公共服务框架
应用运行治理
常见问题
  • 主动触发表单校验
  • 1.场景介绍
  • 2.效果展示
  • 3.实现思路
  • 4.操作步骤
  • 4.1 添加自定义按钮
  • 4.2 编辑自定义按钮

# 主动触发表单校验

# 1.场景介绍

在供应商表单自定义一个按钮,调用表单校验接口,主动对表单进行校验,并且这个接口不会触发保存,这样校验的时机更加灵活。

# 2.效果展示

在供应商表单中,供应商编码为必填。

点击自定义“校验”按钮,会对表单中的必填项进行校验,校验不通过则弹出提示。效果图如下:

# 3.实现思路

在供应商表单中添加自定义按钮,在按钮的代码块中调用表单校验接口,对表单进行校验。

# 4.操作步骤

在"第一个表单"的基础上,进行如下操作实现效果。

# 4.1 添加自定义按钮

在供应商低开表单-表单设置-按钮设置中,添加自定义按钮。

# 4.2 编辑自定义按钮

对自定义按钮进行编辑,名称改为“校验”,添加动作代码块,调用表单校验接口。

示例代码如下:


  //主动触发低开表单校验
  this.Api.getFormItem('pmForm', '').validate((valid) => {
    if (valid) {
      this.$success('表单校验通过')
    }
    else {
      this.$fail('表单校验不通过,请检查表单信息')
    }
  })

← 限制表单提交时间 弹窗向父级页面添加所选数据 →