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

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

If you enjoyed this post, please support the blog below. It's FREE! Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS Subscribe by Email