How to create custom search box will allow up to 60 alphanumericcharacters & User can input a minimum of 1 character and the system will pull back an exact match on the sequence entered.

Question

Hi,
Can anyone please help me in creating the Custom Search box with below mentioned functionality
"The search box will allow up to 60 alphanumeric characters.User can input a minimum of 1 character and the system will pull back an exact match on the sequence entered"

Answer 1

Hi Pradeep,
Find the complete JQuery AutoComplete function with along with different events in it like focus, select, open and close. You can modify this code as per your requirement.
$("#ddlSearchTextBox").autocomplete({
source: function (request, response) {
var getUrl = "<site URL>";
$.ajax({
url: getUrl,
type: "GET",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: {
featureClass: "P",
style: "full",
maxRows: 10
dataFilter: function (data, type) {
return data.replace(/\\'/g, "'");
success: function (data) {
response($.map(data.d, function (result) {
return {
label: result.Last_Name + ", " + result.First_Name,
value: result.id
focus: function (event, ui) {
$("#ddlSearchTextBox").val(ui.item.label);
return false;
minLength: 1,
select: function (event, ui) {
$("#ddlSearchTextBox").val(ui.item.label);
return false;
open: function () {
$("#ddlSearchTextBox").removeClass("ui-corner-all").addClass("ui-corner-top");
close: function () {
$("#ddlSearchTextBox").removeClass("ui-corner-top").addClass("ui-corner-all");
Let us know if you need any further.
Thanks, Shakir | Please 'propose as answer' if it helped you, also 'vote helpful' if you like this reply.