JavaScript - capturar lo que el usuario escribe en el campo nombre, SIN que pulse en el boton enviar

 
Vista:
sin imagen de perfil
Val: 2
Ha disminuido su posición en 13 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

capturar lo que el usuario escribe en el campo nombre, SIN que pulse en el boton enviar

Publicado por Ramses (1 intervención) el 27/09/2020 00:21:19
Me presento amigos, un fratelo abrazo desde argentina, estuve buscando una seccion de presentacion , pero no la encontre, si algo estoy haciendo mal, pido mil disculpas por adelantado ....

Tengo un ejercicio practico, Eh estado probando diferentes ideas ,seguí diferentes tutoriales, sobre la función keypress, pero aun estoy al 50% de mi idea, el objetivo de mi ejercicio es el siguiente:
1., capturar lo que el usuario escribe en el campo nombre, SIN que pulse en el boton enviar, intente también en el evento change, pero no tuve éxito, hasta ahora el que mas se acerca al objetivo es keypress
2., una vez logrado capturar la información del input nombre, requiero almacenar esas teclas capturadas , en una bd de mysql, el reto aca,vuelvo a reiterarlo capturar la información en la bd, sin que el usuario pulse en el botón "Enviar", acá mi codigo, es un formulario breve,


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <title>Ejercicio Practico Formulario </title>
</head>
<body>
 
 
<form method="post" >
  <div class="form-row">
    <div class="form-group col-md-6">
 
    <div class="input-group-lg">
		<!-- aca añadi dentro del input la funcion onkeypress-->
	<input type="text" id="nOpinion"  onkeypress="myFunction()" class="form-control my-3" placeholder="Tu nombre" name="nombre_user" required>
 
	<input type="email" id="nEmail"  class="form-control my-3" placeholder="Tu email" name="correo_user" required>
    </div>
 
  <div class="form-group">
    <label for="inputAddress">Direccion</label>
    <input type="text" class="form-control" id="inputAddress"  name="direccion" placeholder="Inserta tu direccion">
  </div>
  <div class="form-group row">
  <label for="example-tel-input" class="col-2 col-form-label">Telefono</label>
  <div class="col-10">
    <input class="form-control" type="tel"   name="telefono" id="example-tel-input">
  </div>
</div>
  <div class="form-group">
    <label for="inputAddress2">Referencias de lugar donde radica</label>
    <input type="text" class="form-control" id="inputAddress2"  name="referencias" placeholder="Casa,Departament,Oficina">
  </div>
  <div class="form-row">
    <div class="form-group col-md-6">
      <label for="inputCity">Ciudad</label>
      <input type="text" class="form-control"  name="ciudad" id="inputCity">
    </div>
    <div class="form-group col-md-4">
      <label for="inputState">Nacionalidad</label>
      <select id="inputState" class="form-control">
        <option selected>Mexicano...</option>
        <option> Argentina...</option>
        <option> Brasil...</option>
        <option> Española...</option>
        <option> Colombiana...</option>
      </select>
    </div>
    <div class="form-group col-md-2">
      <label for="inputZip">Codigo Postal</label>
      <input type="text" class="form-control"  name="cp" id="inputZip">
    </div>
  </div>
  <div class="form-group">
 
  <div class="form-group">
    <label for="exampleTextarea">Escriba su Opinion</label>
    <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
  </div>
 
  </div>
  <button type="submit" class="btn btn-primary">Enviar</button>
</form>
 
 
 
<script>
document.getElementById("nOpinion").onkeypress = function (){myFunction()};
 
function myFunction(){
  /* si me detecta la funcion pero no logro imprimirlo o embeberlo en el div que esta debajo  */
  alert("tecla pulsada en el campo nombre");
}
</script>
 
</head>
<body>
<h1>Información del teclado</h1>
   <p>Pulsa una tecla y te daré la información sobre la misma.</p>
   <div id="respuesta"><div>
</body>
 
 
 
 
 
 
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 2.725
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

capturar lo que el usuario escribe en el campo nombre, SIN que pulse en el boton enviar

Publicado por joel (612 intervenciones) el 27/09/2020 11:24:12
Hola Ramses, mira este ejemplo para capturar la tecla pulsada: https://www.lawebdelprogramador.com/codigo/JavaScript/6080-Campo-que-no-admita-espacios.html
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar