jQuery Show No Records Found in Autocomplete Textbox if Search Text not Found in Data

on
Introduction:

Here I will explain how to show no records found mesage in jQuery autocomplete textbox if no matching records found with search text in jQuery autocomplete textbox.
Description:
  
In previous posts I explained jQuery show loading image while page loads, jQuery autocomplete textbox with webservice, jQuery autocomplete textbox with multiple words with commas, jQuery autocomplete textbox with images and many articles relating to JQuery, asp.net, JavaScript. Now I will explain how to show no records found in jQuery autocomplete textbox.

To show no records found message in jQuery autocomplete textbox if no matching records found with search text we need to write the code like as shown below
if (data == null) {
$('#smallimgload').hide();
data.push({
id: 0,
value: "No results found"
});
}
If you want to check it in complete example write the code like as shown below
$('#othersubcat').autocomplete({
source: function(request, response) {
$.ajax({
url: 'AutoComplete.ashx',
dataType: "json",
data: { term: request.term },
success: function(data) {
if (data == null) {
$('#smallimgload').hide();
data.push({
id: 0,
value: "No results found"
});
}
response(data);
}
});
},
minLength: 2
});

Comments

Post a Comment