PowerApps中输入字段为空时禁用提交按钮的实现方法求助

核心实现逻辑 #

在提交触发时先校验输入字段内容：若为空（含仅输入空格的情况），则调用Notify()提示并阻止提交；若有有效内容，再执行后续功能。

代码示例 #

HTML结构

<!-- 示例输入框与提交按钮 -->
<input type="text" id="targetInput" placeholder="请输入内容">
<button id="submitBtn">提交</button>

JavaScript处理

// 获取元素
const inputEl = document.getElementById('targetInput');
const submitBtn = document.getElementById('submitBtn');

// 绑定点击事件
submitBtn.addEventListener('click', function() {
    // 去除首尾空格后判断是否为空
    const inputContent = inputEl.value.trim();
    
    if (!inputContent) {
        // 输入为空时触发提示
        Notify('请填写必要内容');
        return; // 终止后续执行
    }

    // 输入有效时执行后续逻辑
    console.log('执行后续功能，输入内容：', inputContent);
    // 此处可添加表单提交、接口调用等业务代码
});

表单提交场景补充 #

如果是通过<form>标签提交，需阻止默认提交行为：

document.querySelector('form').addEventListener('submit', function(e) {
    const inputContent = inputEl.value.trim();
    if (!inputContent) {
        Notify('请填写必要内容');
        e.preventDefault(); // 阻止表单默认提交动作
        return;
    }
    // 后续业务逻辑
});

注：确保Notify()函数已在项目中定义（或替换为你使用的提示库对应方法）。

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