Twitter bootstrap typeahead with input masked 在完整字符串完成之前无法正常工作答案

【问题标题】：Twitter bootstrap typeahead with input masked not working until full string completedTwitter bootstrap typeahead with input masked 在完整字符串完成之前无法正常工作
【发布时间】：2013-03-12 21:58:26
【问题描述】：

我正在尝试使用 Josh Bush 输入 jquery 掩码插件让 bootstrap typeahead 工作。其他插件我试过了，还是不行。

当我禁用输入的屏蔽时，我的自动完成效果很好。

这是我的代码：

$('.phonenumber').mask('(999) 999-9999');   

$('#new-message-phonenumber').typeahead({

        minLength: 2,
        property : 'name',
        source: function( typeahead, query ) {

            $.ajax({
                type: 'POST',
                url: '<? echo site_url('autocomplete/getClientInfoFromPhoneNumber'); ?>',
                dataType: 'json',
                data: {
                    term: query
                },
                success: function(data) {

                    var return_list = [], i = data.length;

                    while (i--) {
                        return_list[i] = {value: data[i].value, name: data[i].screen_name, friendly_name: data[i].name, friendly_phone: data[i].friendly_phone };
                    }

                    typeahead.process(return_list);

                }

            });

        },
        onselect: function (obj) {
            $('#new-message-phonenumber').val(obj.friendly_phone);
            $('#new-message-name').val(obj.friendly_name);
        }
    });

这是我的html：

<div class="span5">
            <label for="new-message-phonenumber">Phone Number</label>
            <input class="input-block-level phonenumber required" id="new-message-phonenumber" name="new-message-phonenumber" type="text" data-provide="typeahead" autocomplete="off">
        </div>

【问题讨论】：

标签： jquery input mask bootstrap-typeahead

【解决方案1】：

您是否使用了浏览器调试器？由于新的 jQuery 版本，我之前已经遇到了一些问题，因为该插件已过时并且不支持某些当前已弃用的 jQuery 函数。

【讨论】：