javascript - 只有在任何字段中输入 3 个字符后才开始搜索

Question

我在我的应用程序中使用 Spring MVC、hibernate 和 JSP。目前我已经实现了搜索多个字段的功能，并使用 JavaScript 在 onKeyUp() 函数上调用了它。但是现在我希望它仅在任何字段中至少有 3 个字符时才执行搜索。例如，如果有 3 个字段，那么如果我在一个/两个字段中输入 1 或 2 个字符，在第三个字段中输入 3 个字符，那么它应该只在第三个字段的基础上调用搜索方法，它应该忽略来自其他字段的输入。实现这一目标的简单方法是什么？

Answer 1

如果我理解正确，您只想在多个字段之一包含 3 个或更多字符时执行搜索功能。

仅基于该假设并且没有其他详细信息，以下内容应该起作用：

$('.fields').each(function(k, v){
    var obj = $(this);

    obj.keyup(function(){
        if(obj.val().length >= 3){
            // Execute submission
            alert(obj.val());
        }
    });
});

工作示例：http: //jsfiddle.net/FtE9H/

上面的代码假定您已将一个类分配给fields应检查以执行搜索功能的所需字段。这可以修改为只查看特定的元素类型，但这取决于您的完整实现。

此外，您可以在成功匹配时清空其他字段以获取长度为 3 个或更多字符的值，以避免与最终用户产生任何可能的混淆。