New question

Question:

Date: 04-05-2018 14:00:15 (In Spanish)

Enviar formulario con Enter[Unresolved]

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
Tags: AJAX - Facebook - Form - Javascript - JQuery - Question Votes: 0 - Answers: 5 - Views: 12 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  • Date: 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
      Votes: 3 - Link answer
     
  • Date: 23-06-2018 23:10:46 Walter malas practicas no pongas en evento en el html, a la gente se le olvida addEventListener?   Votes: 1 - Link answer
     
  • Date: 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
      Votes: 0 - Link answer
     
  • Date: 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   Votes: 0 - Link answer
     
  • Date: 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>
      Votes: 0 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In