Twitter Bootstrap Wybór rodzaju głowicy

Question

Używam wtyczki Bootstrap Typeahead w mojej aplikacji, a tutaj jest mój kod (jest to przykład). Szukam sposobu sprawdzenia poprawności wyboru użytkownika (w zasadzie, jeśli dane wejściowe nie pasują do wyników -> opróżnij pole przy rozmyciu). Wynik musi być zgodny. Szukałem wszędzie i niczego nie mogłem znaleźć. Twoja pomoc byłaby bardzo ceniona.

$('#search').typeahead({ 
     source: function (query, process) { 
      var states = []; 
      var map = {}; 

      var data = [ 
       { "stateCode": "CA", "stateName": "California" }, 
       { "stateCode": "AZ", "stateName": "Arizona" }, 
       { "stateCode": "NY", "stateName": "New York" }, 
       { "stateCode": "NV", "stateName": "Nevada" }, 
       { "stateCode": "OH", "stateName": "Ohio" } 
      ]; 

      $.each(data, function (i, state) { 
       map[state.stateName] = state; 
       states.push(state.stateName); 
      }); 

      process(states); 
     } 
    }); 

Answer 1

Jeśli wyciąg z danymi, stany i mapa, można następnie wykorzystać je w funkcji .blur dla odnośnika:

var data = [ 
      { "stateCode": "CA", "stateName": "California" }, 
      { "stateCode": "AZ", "stateName": "Arizona" }, 
      { "stateCode": "NY", "stateName": "New York" }, 
      { "stateCode": "NV", "stateName": "Nevada" }, 
      { "stateCode": "OH", "stateName": "Ohio" } 
     ]; 
var states = []; 
var map = {}; 

$.each(data, function (i, state) { 
    map[state.stateName] = state; 
    states.push(state.stateName); 
}); 

$('#search').typeahead({ 
    source: function (query, process) { 
     process(states); 
    } 
}).blur(function(){ 
    if(states[$(this).val()] == null) { 
     $('#search').val(''); 
    } 
}); 

Answer 2

Rozwiązanie z mccannf działa, ale w moim przypadku z if(parents.indexOf($(this).val()) === -1) { na rozmycie zdarzenia.