Question

我在文本框中提前使用引导程序绑定，以通过Ajax调用绑定用户列表这是我的代码

$("#userMapping_User").typeahead({
    source: function (query, process) {
        return $.get($_GetUsers_ByLoggedInUser, { term: query }, function (result) {

            var resultList = [];
            $.map(result, function (item, id) {
                if (item && (item.first_name || item.last_name)) {
                    var displayName = item.first_name + ' ' + item.last_name;
                    var user = { id: item.UserId, name: displayName ? displayName.trim() + ' - ' + item.email : '' };
                    resultList.push(user);
                }
            });
            return process(resultList);
        });
    },
    minLength: 2,
    autoSelect: true,
    afterSelect: function (e) {
        $("#userMapping_SelectedUserId").val(e.id);
        $("#userMapping_User").removeClass('form-error');
        $(".error-block").remove();
    }
});

但是问题是我想禁用自由文本输入，以便用户不能仅输入列表中可用的那些值来输入无效值？

Answer 1

是的，您可以使用以下代码执行此操作。

var myData = [...]; // This array will contain all your possible data for the typeahead

$("#my-type-ahead").typeahead({source : myData})
                   .blur(validateSelection);

function validateSelection() {
    if(source.indexOf($(this).val()) === -1) 
        alert('Error : element not in list!');
}

这是@samuel在此Link中给出的答案。但是我想您可以通过使用回调函数并防止输入值来做得更好。这是您的选择。

干杯.. !!

打字头不允许输入自由文本？

1 个答案: