Nueva pregunta

Pregunta:

 
  0  
 
 
Braylin Payano Karma: 1227 República Dominicana
 
 Fecha: 04-05-2018 14:00:15 (En Español)

Enviar formulario con Enter[No resuelta]

Hola...

He creado un sistema de comentarios y el botón de comentar no luce, quiero hacer estilo facebook y poder publicar con un Enter. Como lo hago ?

Espero una respuesta Etiquetas: AJAX - Facebook - Formulario - Javascript - JQuery - Pregunta Votos: 0 - Respuestas: 5 - Vistas: 12 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      3  
     
     
    Walter Sánchez Karma: 6600 Argentina
     
    Fecha: 04-05-2018 15:17:38 Hola

    Lo puedes hacer con javascript.
    Te dejo un codigo para que experimentes.

    <html>
<head>
   <title>Enviar formulario al pulsar  ENTER</title>
<script>
function enviar_formulario(){
   document.formulario1.submit()
}
</script>
</head>

<body>
<form action="pagina_destino.php" method=post name="formulario1">
   <input name="nombre" onkeypress="if (event.keyCode == 13) enviar_formulario()"/>
</form>

</body>
</html>



    Espero que te sea útil

    Saludos       Votos: 3 - Link respuesta
     
  •  
      1  
     
     
    Chrismart Anji Karma: 1473 México
     
    Fecha: 23-06-2018 23:10:46 Walter malas practicas no pongas en evento en el html, a la gente se le olvida addEventListener?   Votos: 1 - Link respuesta
     
  •  
      0  
     
     
    Walter Sánchez Karma: 6600 Argentina
     
    Fecha: 24-06-2018 11:09:46 Chrismart Anji tienes razón en lo que has comentado. Di un ejemplo sencillo para que lo entienda mas fácil. Si tienes algún ejemplo de uso seria bueno que lo compartas, no obstante dejare un código sin análisis.

    <!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Formulario</title>
    <script type="text/javascript">
        function inputCharacters(event) {
            // Si el evento es una tecla Enter
            if (event.key === 'Enter') {
                event.preventDefault();
                document.formulario1.submit();
            }
        }
        window.onload = function () {
            document.getElementById('comentario').addEventListener('keydown', inputCharacters);
        }
    </script>
</head>

<body>
    <form action="pagina_destino.php" method=post name="formulario1">
        <label>Comentario </label>
        <input type="text" id="comentario" value="" />
    </form>
</body>

</html>


    Son bien recibidos otros ejemplos.

    Saludos       Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Braylin Payano Karma: 1227 República Dominicana
     
    Fecha: 24-06-2018 14:58:52 Amigo Walter, olvide mencionar que es para una red social y tengo 2 formularios, que son el de publicar un estado y el de comentar, la función de enviar datos con enter lo quiero hacer con el formulario de comentar   Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Braylin Payano Karma: 1227 República Dominicana
     
    Fecha: 24-06-2018 15:00:54 Les comparto el codigo de la barra de comentarios
    <form action="<?php echo $editFormAction; ?>" method="post" name="form2" id="form2">
                  <table align="center">
                    <tr valign="baseline">
                      <td nowrap="nowrap" align="right" valign="top"><img src="archivos/<?php echo $row_myusuario['correo']; ?>/<?php echo $row_myusuario['foto']; ?>" alt="<?php echo $row_myusuario['nombre']; ?>" id="comentarios_foto" title="Escribe un comentario a <?php echo $row_todaslaspublicaciones['nombre']; ?>" width="30" height="30" /></td>
                      <td><textarea name="texto" class="placeholder" placeholder="    Escribe un comentario..." id="area_comentario" cols="34" rows="2"></textarea> <input class="botonpublicar" type="submit" value="Comentar" /></td>
                    </tr>
                    <tr valign="baseline">
                      <td nowrap="nowrap" align="right">&nbsp;</td>
                    </tr>
                  </table>
                  <input type="hidden" name="idpub" value="<?php echo $row_todaslaspublicaciones['idpub']; ?>" />
                  <input type="hidden" name="correo" value="<?php echo $row_myusuario['correo']; ?>" />
                  <input type="hidden" name="fecha" value="" />
                  <input type="hidden" name="MM_insert" value="form2" />
              </form>
       Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com