验证自动完成答案

【问题标题】：Validating auto complete验证自动完成
【发布时间】：2015-08-14 23:48:07
【问题描述】：

尝试更改功能以验证我的自动完成文本框

到目前为止，我的自动完成功能适用于以下代码：

自动完成代码：

$("#Form_Ser_Num").autocomplete({
        source: "@Url.Action("SerialProdNumStockSiteAutoComplete", "Ajax")?stocksitenum=LW&model=" + $("#Form_Prod_Num").val(),

        minlength: 2,
        delay: 300,
        select: function (event, ui) {
            event.preventDefault();
            event.target.innerText = ui.item.label.split(',')[0];
            $("#Form_Ser_Num_Source").val(ui.item.label.split(',')[1]);
        }
    });

我想添加它以便验证：

change: function( event, ui ) {
    if ( !ui.item ) {
        var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex($(this).val()) + "$", "i" ), valid = false;

        select.children("option").each(function() {
            if ($(this).text().match(matcher)) {
                this.selected = valid = true;
                return false;
            }
        });

        if (!valid) {
            // remove invalid value, as it didn't match anything
            $(this).val("");
            select.val("");
            input.data("autocomplete").term = "";
            return false;
        }
    }
}

我在网上找到了这个，但我无法在我的代码中实现它。

任何想法我可以如何将此更改功能用于我的自动完成功能。

【问题讨论】：

您的数据是什么，验证的实际用途是什么？

标签： javascript jquery jquery-ui

【解决方案1】：

假设您想使用源检查/验证您的文本字段值，您可以尝试以下方法。修改change和response函数如下：

change:function(event, ui){
  if (!ui.item){
    $(this).val('');
    }
  }

response: function(e, ui) {
  if (ui.content.length == 0) {
    $(this).val("");
  }
}

【讨论】：