如何检查用户是否输入了打字值

Question

我有以下代码：

 var students = new Bloodhound({
                datumTokenizer: Bloodhound.tokenizers.obj.whitespace('fullName'),
                queryTokenizer: Bloodhound.tokenizers.whitespace,
                remote: {
                    url: '/api/students?query=%QUERY',
                    wildcard: '%QUERY'                                                                                                               
               } 

            });


            $('#student').typeahead({
                minLength: 2,  
                highlight: true,  

            },
                {
                    name: 'students',
                    display: function (item) { return item.fullName },
                    source: students.ttAdapter(),

                    templates: {
                        empty: [

                            '<div class="tt-empty-message">' +
                            'No results found' +
                            '</div>'
                        ]                       
                    }

                }).on("typeahead:select",
                function (e, student) {

                    console.log("inside isselect");
                    isSelected = true;
                    vm.studentId = student.id;

                });

我正在尝试捕获一个场景，如果用户输入了一些乱码或除预输入值之外的其他内容，然后单击“提交”按钮，那么我需要显示一条错误消息。 为此，我需要捕获提前输入列表，并查看已提前输入的列表是否包含输入值。 我该怎么做？

我已经搜索了此解决方案5个小时了。 我在其他线程上查找并实现了类似的答案，但似乎没有任何效果。 例如看一下这个答案：

http://jsfiddle.net/Fresh/bbzt9hcr/

我尝试了baove代码，但打字错误甚至没有出现。 而我的代码运行得很好。 请让我知道我该如何解决。 先感谢您。

Answer 1

有多种方法可以解决这个问题，最简单的方法是：您可以侦听typeahead更改事件并使用变量存储所选值，然后在提交检查并发送该变量时： http : //jsfiddle.net/alfredopacino/bbzt9hcr/290 / 。

yourTypehead.on('typeahead:selected', function($e, datum) {  // suggestion selected
      selectedMovie = datum.value
});
$('#submit').click(function() {
   if(selectedMovie) {
                //your ajax call
   } else {
       alert("no valid movie")
   }

});

这样做的问题是它不能涵盖用户手动输入有效值的情况。 要解决此情况，您可以采用以下两种方法：

• onSubmit可以添加“远程验证”：基本上是一个额外的ajax请求，用于使用服务器检查该值是否有效
• 将您的预先输入内容转换为“标签选择”，将标签限制为1，并禁止任何自定义值https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/ （有插件的TONS在做）