javascript - 禁止在空表单字段上搜索

Question

我有一个表单字段，我必须看到仅当有一些内容时才单击搜索按钮表单字段中的数据。以下是代码。

    <script type="text/javascript">
        function IsEmptySearch(TxtField){
        var re = /\s/g; //any white space
        var str = TxtField.replace(re, "");
        if (str.length == 0) {
        return true;
        } else {return false;}
        } 
    </script>

<div>
<form id="formsearch" name="formsearch"  />
<input type="text" name="TxtField" maxlength="255" class="findSearch" value="Enter Search..." 
  onfocus="if (this.className=='findSearch') { this.className = ''; this.value = ''; }"
  onblur="if (this.value == '') { this.className = 'findSearch'; this.value = 'Enter Search...'; }"/>
<input type="button" value="Search" onclick="return IsEmptySearch()" >
</form>
</div>

上面的方法不起作用，因为表单已提交，即使“搜索”字段为空。

调试时，错误显示在“onclick=”return IsEmptySearch()”处 请帮忙。

Answer 1

尝试

onclick="return !IsEmptySearch()"

如果搜索为空，您的函数将返回 true，但要阻止表单提交，您必须返回 false。您也可以重写和重命名您的函数。尝试一下，在搜索框中输入一些内容，看看是否可以提交。