数据中心填报时下拉框字段控制其他字段是否必填并给出提示

---

title: 数据中心填报时下拉框字段控制其他字段是否必填并给出提示 created: 2026-04-19 updated: 2026-04-19 type: reference tags: [imported, pptx] source: "Weaver Doc Import"

---

Slide 1

数据中心填报时下拉框字段控制其他字段 是否必填并给出提示 泛微网络 培训服务中心

Slide 2

需求背景及实现效果

Slide 3

前端数据中心填报应用中，在填报页面，有选择框类型字段和非选择框字段，那么如果想通过下拉框字段控制其他字段是否必填，需要代码去控制，本次结合企业外部举报投诉管理场景给大家讲解如何完成时下拉框字段控制其他字段是否必填。 在企业外部举报投诉管理平台中，举报投诉信息填报页面，举报投诉人可以选择是否匿名。如果选择匿名，那么姓名字段不需要填写；如果选择不匿名，那么姓名字段需要填写，如果不填写，无法提交，且会给出提示。 其中，是否匿名：选择框，选项包括：是、否 姓名：单行文本

Slide 4

举报投诉信息填报页面，举报投诉人可以选择是否匿名。 1、如果选择匿名，那么姓名字段需要填写，如果不填写，无法提交，且会给出提示。 2、如果选择不匿名，姓名不显示，可以直接提交。 实现效果

Slide 5

JS代码块应用样例

Slide 6

配置实现步骤 前端：数据 - 我的应用 - 举报投诉JS，点击设计，表单界面： 添加字段： 是否匿名：下拉框，是、否 姓名：单行文本 数据中心表单设置

Slide 7

配置实现步骤 前端：数据 - 我的应用 - 举报投诉JS，点击设计，选择设置，添加规则： 是否匿名选择否，姓名显示 设置规则

Slide 8

配置实现步骤 前端：数据 - 我的应用 - 举报投诉填报，点击设计，表单界面： 获取“姓名”和“匿名”字段的ID 数据中心表单设置

Slide 9

配置实现步骤 前端：数据 - 我的应用 - 举报投诉填报，点击设计，表单界面： 将修改好的代码插入即可 插入代码块

Slide 10

代码示例 let sfnm= ''; EdcForm.bindEvent("fieldValueChange", "cde5d4a9cbd04aae95d1d7320fc3f304", function(fieldId, value){ sfnm = value[0].key; }); EdcForm.bindEvent("onBeforeSubmit", function(){ if(sfnm == '0'){ let xm = EdcForm.getFieldValue("678eba6925874fe5813384c29d9e418b"); console.log("123") console.log(xm) if(!xm){ EdcForm.message("info", "请填写姓名之后再进行提交"); return false; } } });

Slide 11

志达宇泛 见著于微 感谢您的信任与支持！ 我们始终努力提供好用的移动办公平台

---

, "请填写姓名之后再进行提交"); return false; } } });

Slide 11

志达宇泛 见著于微 感谢您的信任与支持！ 我们始终努力提供好用的移动办公平台

---### 🖼️ 提取的插图 (共 15 张)