Oracle APEX：基于5个页面项值控制按钮显示/隐藏异常问题

核心问题分析 #

你的代码主要问题在于按钮的获取方式错误，字段空值判断逻辑不够严谨，同时需要确认动态操作的触发配置是否正确。

具体修正步骤 #

1. 修正按钮获取逻辑 #

apex.region("buttons").getItem("create_btn") 不是获取按钮的正确方式，按钮不属于区域内的可编辑项，正确获取方式如下：

// 直接通过静态ID获取DOM元素
const button = apex.jQuery("#create_btn");

2. 完善字段空值判断 #

原代码会把仅含空格的字符串判定为“非空”，需增加trim()处理首尾空格：

function checkFields() {
  // 获取字段值并去除首尾空格
  const field1 = apex.item("P4_NAME_MAIL").getValue().trim();
  const field2 = apex.item("P4_ADDRESS_MAIL").getValue().trim();
  const field3 = apex.item("P4_CITY_MAIL").getValue().trim();
  const field4 = apex.item("P4_STATE_MAIL").getValue().trim();
  const field5 = apex.item("P4_ZIP_MAIL").getValue().trim();

  // 获取按钮元素
  const button = apex.jQuery("#create_btn");

  if (field1 && field2 && field3 && field4 && field5) {
    button.show();
    button.text("Submit"); // 直接设置按钮文本
  } else {
    button.hide();
  }
}

3. 确认动态操作(DA)的触发配置 #

• 触发事件：选择Change事件，关联所有5个目标字段（P4_NAME_MAIL等）
• 执行时机：勾选页面加载时执行，避免页面初始状态下字段已填但按钮不显示
• 动作类型：选择执行JavaScript代码，调用checkFields()

4. 验证按钮初始隐藏方式 #

确保按钮是在APEX服务器端属性中设置“可见性”为“隐藏”，而非自定义CSS（若用CSS隐藏，需保证show()能覆盖原有样式）。

额外验证步骤 #

• 打开浏览器控制台(F12)，手动执行checkFields()，查看是否有报错（比如字段/按钮ID拼写错误）
• 打印字段getValue()的返回值，确认是否正确获取输入内容

内容的提问来源于stack exchange，提问作者Bob Veitch