📃docs: 增加vform字段校验

newdocs/docs/notes/pro/dragformdetail.md

@@ -4,25 +4,29 @@ createTime: 2025/04/23 23:43:26
 permalink: /pro/dragformdetail/
 ---
 
-企业版可拖拽表单使用的是VForm Pro版本，详细的配置可参考:[https://www.vform666.com/](https://www.vform666.com/) 本节只做常用的配置说明。
+企业版可拖拽表单使用的是 VForm Pro 版本，详细的配置可参考:[https://www.vform666.com/](https://www.vform666.com/) 本节只做常用的配置说明。
 
 ## 后端加载下拉列表值
 
 官网推荐通过数据源的方式给下拉列表赋值，简单点的方式是使用组件的`onCreated`事件。新建一个下拉先选框，唯一名称改为：`SelectVals`，在组件的`onCreated`事件中添加以下代码：
 
 ```javascript
-var selectVals = this.getWidgetRef('SelectVals');
-var addressAPI= 'http://localhost:52789/api/SelectVals/'
-axios.get(addressAPI).then(function(res) {  
- if (res.data.code==200) {
-    selectVals.loadOptions(res.data.result); 
- } 
-}).catch(function(error) {
-  console.error(error)
-})
+var selectVals = this.getWidgetRef("SelectVals");
+var addressAPI = "http://localhost:52789/api/SelectVals/";
+axios
+  .get(addressAPI)
+  .then(function (res) {
+    if (res.data.code == 200) {
+      selectVals.loadOptions(res.data.result);
+    }
+  })
+  .catch(function (error) {
+    console.error(error);
+  });
 ```
 
-基于OpenAuth.WebApi返回的数据格式：
+基于 OpenAuth.WebApi 返回的数据格式：
+
 ```javascript
 {
 	"result": [{
@@ -35,4 +39,19 @@ axios.get(addressAPI).then(function(res) {
 	"message": "操作成功",
 	"code": 200
 }
-```
+```
+
+## 多字段校验
+
+使用场景：拖动表单中有多个表单组件需要联动校验，比如两个日期组件校验开始日期小于等于结束日期。
+具体做法：在表单设计的【全局设置】里面配置`onFormValidate`事件：
+
+```javascript
+if (formModel.startDate > formModel.endDate) {
+  this.$message.error("开始日期必须小于结束日期");
+  return false;
+}
+```
+
+如下图：
+![2025-11-23-22-30-21](http://pic.openauth.net.cn/2025-11-23-22-30-21.png)