Cómo autocompletar varios input con jQuery PHP MySQL

Cómo autocompletar varios input con jQuery PHP MySQL
Descargar
Download is available until [expire_date]
  • Versión
  • Descargar 2836
  • Tamaño del archivo 197.18 KB
  • Recuento de archivos 1
  • Fecha de creación 30 agosto, 2018
  • Última actualización 30 agosto, 2018

Cómo autocompletar varios input con jQuery PHP MySQL

Cómo autocompletar varios input con jQuery PHP MySQL. En esta entrada de descargas nos enfocaremos en realizar un pequeño sistema para autocompletar varios inputs, haciendo uso de un solo input. Sin embargo, usaremos varios métodos y lenguajes de programación para logra nuestro anhelado objetivo.

Hoy en día van apareciendo nuevas tecnologías que nos hacen la vida un poco más fácil. Por lo tanto, en este artículo realizaremos un buscador de palabras que estará alojado en un input.

Cómo autocompletar varios input con jQuery PHP MySQL

Seguidamente explicaremos una serie de pasos para el correcto funcionamiento de este ejemplo.

¿Cómo funciona el sistema de autocompletar?

a) Básicamente el motor de este sistema será un input que al digitar ciertas palabras claves desencadenará una llamada a un fichero PHP con llamado ”Personal.php". Este fichero será encargado de realizar la búsqueda en la base de datos.

b) Nuestro buscador tendrá un identificador llamado "curso" el cual estará vinculado a una función jQuery. Por lo tanto, trabajara de manera dinámica.

c) Cuando el usuario ingresa un nombre, se realizará una búsqueda automáticamente siempre y cuando supero los dos caracteres que están definidos. Sin embargo, nosotros podemos cambiar esos parámetros de acuerdo a nuestras necesidades.

d) Al digitar encontrara coincidencias y mostrara en una lista desplegable. A continuación, si le damos clic a cualquiera de los resultados automáticamente se llenarán los demás inputs con los valores de esa coincidencia. Aquí les mostrare las columnas de nuestro registro.

  • idUser
  • Usuario
  • Password
  • Nombres
  • Apellidos
  • Email

El input de búsqueda está enfocado al campo nombre y si coincide mostrara las demás columnas para autocompletar los valores.

El propósito principal es que, a partir de una búsqueda concreta, se me llenen los campos de manera automática sin refrescar el navegador y esta información será de una base de datos.

COMPONENTES DE ESTE SISTEMA AUTOCOMPLETAR REGISTROS

  • dbcontroller.php. Este archivo es el encargado de realizar la conexión con la base de datos.
  • index.php. Encargado de mostrar el input y los demás campos a rellenar
  • Personal.php. Es el motor que realizara la búsqueda
  • php_validarusuario.sql. Contiene información de nuestra base de datos, así como su tabla y registros de ejemplo.
  • Librerías BootStrap. Para dar estética a nuestro trabajo y hacer que nuestro proyecto sea responsivo.
Botón volver arriba