Question

我的搜索按钮如下（selectedPartFilter是一个文本框）

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

validateFilterCriteria 方法如下

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

    if (partFilter != ''){
        document.getElementById("partFilter").value = partFilter;
        return true;
    }
    if (partFilter == '') {
        alert('Please enter part of the part number');
        return false;

    }

}

使用showBusy（）方法显示繁忙的GIF。

现在无论validateFilterCriteria（）的返回如何，都会显示繁忙的gif。当文本框中没有输入值时，我不希望它显示

Answer 1

使用此：

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

您应该将代码包装在大括号内。

Answer 2

输入元素的初始值未定义，而不是＆＃39;＆＃39;

如果比较

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;

    }
}

文本框为空时避免操作

2 个答案: