Ir al contenido


Foto

llenar input automaticamente


  • Por favor identifícate para responder
1 respuesta en este tema

#1 matrixre9

matrixre9

    Newbie

  • Miembros
  • Pip
  • 3 mensajes

Escrito 06 diciembre 2013 - 10:51

Buenas tardes soy nuevo en el foro y espero no cometer errores al publicar esto..

tengo un problema en una pagina web que estoy realizando

lo que quiero es lo siguiente:

tengo 3 campos de 3 texto(en la pagina)

nombre
dirección
teléfono

tengo una tabla clientes(base de datos) con los siguientes campos:

id_cliente
dirección
tel

quiero que cuando yo escriba en el campo de texto NOMBRE y una vez lleno cuando se quite el foco(evento onblur) se realice una consulta y con los resultados de esta si es que el cliente existe automáticamente se llenen los campos DIRECCIÓN y TELÉFONO y si no existe simplemente no haga nada los deje así tal cual para poder ser editados manualmente.

se que debo utilizar Ajax para hacerlo pero no se como hacerlo, alguien podría ayudarme.

GRACIAS.
  • 0

#2 matrixre9

matrixre9

    Newbie

  • Miembros
  • Pip
  • 3 mensajes

Escrito 06 diciembre 2013 - 01:28

seria algo como esto

html



delphi
  1. <form id="formulario" name="formulario" method="post" action="" onSubmit="alert('enviado'); return false;">
  2.     <label>Id:</label>
  3.     <input type="text" name="inId" id="inId" /><small>(introduce " JE ")</small>
  4.     <br>
  5.     <label>Nombre:</label>
  6.     <input type="text" name="inNombre" id="inNombre" readonly />
  7.     <br>
  8.     <label>Apellido:</label>
  9.     <input type="text" name="inApellido" id="inApellido" readonly/>
  10.     <br>
  11.     <input type="submit" name="button" id="button" value="Enviar" disabled />
  12. </form>




js



delphi
  1. $("#inId").on("blur",llenado);
  2.  
  3. function llenado(){
  4.     var id = $("#inId").val();
  5.     if(id == "JE"){
  6.         var nombre = "Juanito";
  7.         var apellido = "Escarcha";
  8.        
  9.         $("#button").attr("disabled", false);
  10.     }
  11.     else {
  12.         var nombre = "No disponible";
  13.         var apellido = "No disponible";
  14.         $("#button").attr("disabled", true);
  15.     }
  16.    
  17.     $("#inNombre").val(nombre);
  18.     $("#inApellido").val(apellido);
  19. }



solo que en la funcion de lenado en vez de tener los datos directos quisiera que se tomaran de una consulta realizada en mysql
  • 0




IP.Board spam blocked by CleanTalk.