Javascript 避免在文本框为空时执行操作

我选择了下面的搜索按钮PartFilter是一个文本框

<input type="BUTTON" class="submit" id="searchButton" value="<fmt:message key="search.button"/>" onClick="if (validateFilterCriteria()) JavaScript:submitAction('FILTER_DOCUMENTS');showBusy();" />

使用showBusy方法显示忙gif

现在，不管validateFilterCriteria是否返回，都会显示忙碌的gif。我不希望在文本框中没有输入值时显示它使用以下方法：

onClick="if (validateFilterCriteria()) { JavaScript:submitAction('FILTER_DOCUMENTS');showBusy(); }"

---

您应该将代码用大括号括起来

输入元素的初始值未定义，而不是

如果你比较

undefined == '' //false

要使函数按预期工作，您可以简化它并将其重写为

function validateFilterCriteria() {
    var partFilter = document.getElementById("selectedPartFilter").value;

    //Here we check if the value is truthy instead of comparing it directly with an empty string
    if (partFilter) {
        document.getElementById("partFilter").value = partFilter;
        return true;
    } else {
        alert('Please enter part of the part number');
        return false;

    }
}

---

你能给我们看看showBusy的代码吗？函数showBusy{document.getElementById'mask'.className='visibleDiv'；return false；}这只是为了显示一个gif，表示页面正在加载响应的感谢

function validateFilterCriteria() {
    var partFilter = document.getElementById("selectedPartFilter").value;

    //Here we check if the value is truthy instead of comparing it directly with an empty string
    if (partFilter) {
        document.getElementById("partFilter").value = partFilter;
        return true;
    } else {
        alert('Please enter part of the part number');
        return false;

    }
}