将自定义功能添加到引导程序提前

Question

我正在使用typeahead提取名称，然后使用名称对应的id更新隐藏字段。 在我的表单中，名称可以保留为空白，不需要填写。

有没有一种方法可以向typeahead函数添加自定义错误检查？ 例如，我开始填写表格并键入/选择一个用户，然后我改变主意并希望将其留空。 至此，用户ID已经添加到了隐藏字段中，因此即使我将名称字段留为空白，表单也将通过其中的用户ID进行传递。

我想我总是可以在提交时进行错误检查，但很好奇是否有添加到本机api的方法。

我的代码是：

$('#name_field').typeahead({
        minLength: 3,
        source: function (query, process){

            $.get('/url/getsource', {query: query}, function (data) {                   
                names = [];
                map = {};
                $.each(data, function (i, name) {
                    map[name.uName] = name;
                    names.push(name.uName);
                });
                process(names);                 
            });             
        },
        matcher: function (item) {
            if (item.toLowerCase().indexOf(this.query.trim().toLowerCase()) != -1) {
                return true;
            }
        },
        sorter: function (items) {
            return items.sort();
        },
        highlighter: function (item) {
            var regex = new RegExp( '(' + this.query + ')', 'gi' );
            return item.replace( regex, "<strong>$1</strong>" );
        },
        updater: function (item) {
            selectedID = map[item].id;              

            $('#id_field').val(selectedID);
            return item;
        }

    });

我希望我可以添加类似

$('#name_field').typeahead({
    myCustom: function (){
        if($('#name_field').val() == ''){
            $('#id_field').val('');
     },
     rest, 
     of the,
     function
 });

Answer 1

您可以将函数绑定到用户字段的blur事件。 因此，如果用户对另一个表单元素进行了任何更改（如果将其保留为空白），则请清除预输入字段。

$('#user-field').blur(function (e) {
   if(this.val() === ''){
        $('#typeahead-field').val(''); // Clear typeahead
   }
});