Monday, June 3, 2024
 Popular · Latest · Hot · Upcoming
64
rated 0 times [  68] [ 4]  / answers: 1 / hits: 19396  / 12 Years ago, thu, december 6, 2012, 12:00:00

Is it possible to limit a user's selection to the predefined data-source items for a Bootstrap Typeahead item? So if the user types something that is not in the data-source, a message is be displayed notifying them as such?



Here's the demo: http://cruiseoutlook.com/test


More From » jquery

 Answers
48

If I understand, when the typeahead component loses the focus, the user should be alerted that its input is invalid if it is not in the list?



The code will thus be something like this :



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!');
}


Just be careful about the fact that indexOf is not implemented in IE6-8. But shims can be found, for example : Best way to find if an item is in a JavaScript array? .


[#81580] Wednesday, December 5, 2012, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
quinn

Total Points: 160
Total Questions: 86
Total Answers: 101

Location: Belarus
Member since Tue, Mar 14, 2023
1 Year ago
quinn questions
;