javascript - 验证自动完成

Question

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

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

自动完成代码:

$("#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;
        }
    }
}

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

有什么想法可以使用此更改功能来实现我的自动完成功能。

Answer 1

假设您想通过源检查/验证文本字段值，您可以尝试一下以下方法。只需修改更改和响应函数如下:

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

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