La función de autocompletado es una con la que muchos ya están familiarizados. Esta útil función es realmente apreciada por los usuarios ya sea que estén rellenando algún formulario o estén realizando una búsqueda pues les permite ahorrar tiempo. La función autocompletar te permite acceder a una lista de sugerencias mientras vas ingresando información en el campo de texto. De esta manera, una vez que hayas escrito un par de letras, podrás elegir la opción adecuada de la lista de sugerencias que aparece en la pantalla. Actualmente esta función no sólo se utiliza en el ámbito web, sino que también podemos verla en cualquier tipo de aplicación o programa.
Para poder implementar rápidamente esta opción, bastante común, pero no por ello menos útil, puedes hacer uso de plugins jQuery que vienen con una serie de opciones y que puedes configurar a tu gusto, según convenga en tu proyecto web específico. En este artículo te traemos una lista con algunos plugin jQuery que tienen la función Autocompletar y te permiten ofrecer una mejor experiencia de usuario a tus visitantes.
Form Mapper Address Autocomplete with Geolocation
Este plugin hace uso de la API de Geocoding de Google Maps para poder ofrecer el servicio de autocompletado. Funciona mediante un campo donde el usuario puede colocar alguna dirección e inmediatamente aparecerán una serie de sugerencia en un menú desplegable. Adicionalmente, te permite añadir un mapa interactivo para poder guiar mejor a tus usuarios.
Form Mapper es un plugin JQuery de pago, viene con documentación completa y soporte. Cuesta $8.
Ajax AutoComplete for JQuery
Este plugin te permite crear campos de texto que incluyen sugerencias de autocompletado. Cada vez que se realiza una búsqueda los resultados son guardados en la cache en caso se vuelva a realizar la misma búsqueda.
Awesomplete
Awesomplete es un plugin ligero y que se puede personalizar. No depende de ninguna otra librería y se ha desarrollado acorde a los estándares para navegadores modernos. Puedes simplemente añadir Awesomplete para que se ejecute con la configuración predeterminada o especificar opciones adiciones mediante JavaScript.
Autocomplete.js
Autocomplete.js es un plugin que mejora tu barra de búsqueda al ofrecer pistas o indicios en una lista mientras el usuario va ingresando letras. Tiene varias opciones para personalizarlo de acuerdo a las necesidades particulares de tu proyecto.
JQuery Combogrid Plugin
Combogrid, al igual que Autocomplete.js, permite a los usuarios elegir una palabra de una lista que se va actualizando mientras ingresan más palabras. Combogrid ofrece la opción de seleccionar las palabras por medio del teclado.
jQuery Autocompleter
jQuery Autocompleter es un plugin sencillo de emplear y que se puede personalizar, de modo que puede cubrir las necesidades de tu proyecto y te puedes acostumbrar fácilmente a emplearlo. Viene con soporte para caché.
Magic Suggest
Magic Suggest es un plugin que ofrece sugerencias. Es bastante flexible, es decir, tiene diversas opciones para configurarlo de acuerdo a las medidas de tu proyecto web.
AutoJS
AutoJS es una librería que completa el contenido de cualquier área de texto. Para ofrecer las sugerencias se hace uso de diccionario estándar en donde se han tomado en cuenta métodos lingüísticos para que las sugerencias sean lo más acertadas posible.
AutoJS no depende de ninguna otra librería externa y es bastante ligera: pesa sólo 6 KB.
Geocomplete
Geocomplete es un plugin que hace uso de la API de Google Maps y del servicio Places Autocomplete. Sólo debes ingresar datos que te permitirán buscar y seleccionar localizaciones de una lista. Adicionalmente, te permite añadir un mapa interactivo y un formulario para incluir la dirección.
Typeahead.js
Typeahead.js es una librería de JavaScript que te ofrece una base sólida para implementar auto-sugerencias. Resalta las sugerencias que coinciden con la búsqueda realizada.
Smart Suggest
Smart Suggest es un plugin que provee sugerencias al usuario mediante la función de autocompletado. Muestra, en un solo cuadro de texto, resultados relacionados de diferentes categorías. Puede ser perfecto en blogs y tiendas online.
Smart Suggest es un plugin jQuery de pago. Su costo es de $4.
Selectize.js
Selectize es una caja de texto con opción para realizar selecciones. No sólo ofrece la posibilidad de añadir la función autocompletar, sino que también permite a los usuarios la navegación mediante el uso del teclado.
Selectize es ligero: pesa alrededor de 7KB. Se ha desarrollado teniendo como objetivo ofrecer una gran experiencia.
Autocomplete like Google
Como su nombre indica, este plugin ha tomado como modelo la barra de búsqueda de Google para ofrecer un entorno parecido al mismo.
Visual Search.js
Visual Search.js mejora tus campos de búsqueda añadiendo la opción de autocompletado en tus búsquedas. La característica adicional que posee es que te permite realizar la búsqueda por niveles. Es decir, puedes colocar varios filtros en un solo campo de texto.
TokenInput
TokenInput te permite añadir la función autocompletar haciendo uso de una lista de la que puedes seleccionar la palabra que sea correcta según las letras que ya has ingresado en el campo de texto.
Easy Autocomplete
Easy Autocomplete es un plugin jQuery que tiene como objetivo ser “amigable” para los desarrolladores de JavaScript. Tiene diversas opciones y se puede configurar de manera sencilla
TextExt
TextExt es un plugin jQuery que combina el ingreso de etiquetas y la función autocompletar. Se ha desarrollado de manera modular, de modo que puedes transformar cualquier entrada de texto HTML en campos de texto que sean adecuados para las necesidades de tu proyecto.
TextExt incluye una gran variedad de opciones como filtros, implementación de Ajax, autocompletado, etc.
En conclusión…
La función Autocompletar es bastante común en la actualidad. Tal vez por ello, podría pasar desapercibida: los usuarios están tan acostumbrados a tener esta opción que tal vez podrían llegar a desestimar su verdadero valor. Sin embargo, como desarrollador sabes lo poderosa que puede ser esta opción y lo mucho que mejora la experiencia de usuario, pues le permite ahorrar tiempo. Y como debes saber, no hay nada que al usuario le agrade más que ahorrar tiempo cuando navega por internet.
Esperamos que alguno de estos plugins te resulte de utilidad en tus proyectos. La gran mayoría de plugins jQuery que hemos incluido en esta lista son gratuitos, así que no importa cuál sea tu presupuesto, puedes implementar la función Autocompletar en tus proyectos.
