jQuery 自动完成如何将此代码与我们的函数集成以进行验证？

Question

我在 zend 项目中使用 jQuery 自动完成。输入显示我们数据库中的类别列表。我刚刚意识到，无论用户输入什么，表单仍然会提交。我寻找一种方法来验证该字段，以便他们只能从数据库/自动完成中选择一个选项。我发现这段代码可以工作，

var src = ['hi', 'bye', 'foo', 'bar'];

$("#auto").autocomplete({ 
    source: function(request, response) {
        var results = $.ui.autocomplete.filter(src, request.term);

        if (!results.length) {
            this.element.val('');
        }
        response(results);
    }
});

我的 JS 看起来像这样，我不知道如何使用上面的代码来验证来自自动完成的变量。任何帮助表示感谢，谢谢

$(function() {
    var url = "http://domain.com/account/ajaxautocomplete?format=json";
    $( "#autotest" ).autocomplete({
        source: url,
        minLength: 2
        });
});

Answer 1

您可能使用了错误的方法。您可以使用选择标签代替自动完成。那么用户只能做出有效的选择，并且他知道他可以选择什么。
但是，如果您想坚持使用自动完成功能，则需要独立于自动完成工具检查输入（它不用于验证）。您可以在发送数据之前或使用 keyup-event-listener 检查数据。