JavaScript - Activar tecla enter y enviar datos de login

 
Vista:

Activar tecla enter y enviar datos de login

Publicado por Jesus (1 intervención) el 03/10/2019 20:31:25
Hola Me pueden ayudar a conseguir activar la tecla enter...
Lo que deseo hacer es que cuando el usuario ingrese sus datos precione la tecla enter y envie os dato.

este es mi codigo...

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
<!-- Caja de texto para usuario -->
<label class="sr-only" for="user">Usuario</label>
<div class="input-group " id="result">
  <div class="input-group-addon"><i class="glyphicon glyphicon-user"></i></div>
  <input type="text" class="form-control" id="user" placeholder="Ingresa tu Usuario">
</div>
 
<!-- Div espaciador -->
<div class="spacing-2"></div>
 
<!-- Caja de texto para la clave-->
<label class="sr-only" for="clave">Contraseña</label>
<div class="input-group" id="result">
  <div class="input-group-addon" id="result"><i class="fa fa-lock"></i></div>
  <input type="password" autocomplete="off" class="form-control" id="clave" placeholder="Ingresa tu contraseña">
</div>
<script>
var clave=document.getElementById("clave");
var result=document.getElementById("result")
 
text.addEventListener("keypress",(function(evento) {
if (evento.keyCode==13)
result.style.display="btn-block";
})
 
</script>
<!-- Animacion de load (solo sera visible cuando el cliente espere una respuesta del servidor )-->
<div class="row" id="load" hidden="hidden">
  <div class="col-xs-4 col-xs-offset-4 col-md-2 col-md-offset-5">
    <img src="img/load.gif" width="100%" alt="">
  </div>
  <div class="col-xs-12 center text-accent">
    <span>Validando información...</span>
  </div>
</div>
<!-- Fin load -->
 
<!-- boton #login para activar la funcion click y enviar el los datos mediante ajax -->
<div class="row">
  <div class="col-xs-8 col-xs-offset-2">
    <div class="spacing-2"></div>
    <button type="submit" class="btn btn-primary btn-block" onclick="evento" name="button" id="login">Iniciar sesión</button>
  </div>
</div>
<br><br><br>
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 Alejandro
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Activar tecla enter y enviar datos de login

Publicado por Alejandro (532 intervenciones) el 03/10/2019 20:57:45
  • Alejandro se encuentra ahora conectado en el
  • chat de PHP
Eso se hace en automático, solo necesitas un form.
1
2
3
4
<form>
	Tu nombre:
	<input type="text" name="nombre" />
</form>
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