[SOLUCIONADO] problemas con keypress

[aviweb2015]

hola amigos tengo un problema a la hora de insertar filas en la tabla con el evento de la tecla enter: ella funciona bien si le pongo la función con el botón, pero no quiero que me agregue filas cuando se pulse en el botón, si no quiero que me agregue las filas en la tabla cuando llene los input que en este caso serian dos el numero y el monto, pero como el monto es el ultimo input hay el donde debe tomar el valor para cuando se pulse sobre la tecla enter se agregue la fila a la tabla ella la agrega pero no se mantiene como si se reiniciara, pero como dije antes con el botón si la agrega y funciona bien pero no lo quiero así, si no con la pulsación de la tecla enter

anexo codigo:

script

Código Javascript:

<script>
    $(document).ready(function(){
        
            $('#bt_add').keypress(function(event){
                 var keycode = (event.keyCode ? event.keyCode : event.which);
                 if(keycode == '13'){
                agregar(); 
                }
             });
 
    //$('#bt_add').click(function(){
            //agregar();
        //});
 
 
        $('#bt_del').click(function(){
            eliminar(id_fila_selected);
        });
 
 
        $('#bt_delall').click(function(){
            eliminarTodasFilas();
        });
        
 
    });
    var cont=0;
    var id_fila_selected=[];
    function agregar(){
        cont++;
        var fila='<tr class="selected" id="fila'+cont+'" onclick="seleccionar(this.id);"><td>'+cont+'</td><td>texto x defecto</td><td>0.00</td><td>confi</td></tr>';
        $('#tabla_ventas').append(fila);
        reordenar();
    }
 
    function seleccionar(id_fila){
        if($('#'+id_fila).hasClass('seleccionada')){
            $('#'+id_fila).removeClass('seleccionada');
        }
        else{
            $('#'+id_fila).addClass('seleccionada');
        }
        //2702id_fila_selected=id_fila;
        id_fila_selected.push(id_fila);
    }
 
    function eliminar(id_fila){
        /*$('#'+id_fila).remove();
        reordenar();*/
        for(var i=0; i<id_fila.length; i++){
            $('#'+id_fila[i]).remove();
        }
        reordenar();
    }
 
    function reordenar(){
        var num=1;
        $('#tabla_ventas tbody tr').each(function(){
            $(this).find('td').eq(0).text(num);
            num++;
        });
    }
    function eliminarTodasFilas(){
$('#tabla_ventas tbody tr').each(function(){
            $(this).remove();
        });
 
    }
 
 
</script>
 

formulario y tabla

Código PHP:

<form  name="frmContacto" method="POST">
<!-- section -->
    <section>
         <div class="row">
           <div class="container">
      
  <?php
     $consulta = $DB_con->query("SELECT * FROM hora_sorteo ORDER BY id");
       if($consulta->rowCount() > 0){
          while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
 
    echo "<div class='col s6 m2'>";
    echo "<input type='checkbox' name='fk_hora_sorteo[]' id='chk1{$linea['id']}' value='{$linea['id']}' />";
    echo "<label class='black-text' for='chk1{$linea['id']}'>{$linea['hora_sorteo']}</label>";
    echo "</div>";
 
      
     }
 
 }
 
   else
 
 
          echo "<div class='col s12 card-panel yellow darken-2 center'>
          <h5 class='black-text text-darken-2 center CONDENSED LIGHT5'>¡ Advertencia: No se ha encontrado ningún registro !</h5>
          </div>";
 
?>
  
              </div>
        </div>
   </section>
 
 
 
 
  <section>
      <div class="row">
 
<?php
  $consulta = $DB_con->query("SELECT * FROM animalitos ORDER BY id");
    if($consulta->rowCount() > 0){
      $i=1;
        while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
    ?>  
 
       <div class="col s1 m1">
            <div class="chip">
              <img src="../galerias_animalitos/<?= $linea['portada']?>"  alt="imagen animalitos"/>
                <?php echo $linea['numero']; ?> <?php echo $linea['nombre']; ?>
           </div>
      </div>
 
 
<?php
    $i++;
     }
  }
     else
 
 
              echo "<div class='col s12 card-panel yellow darken-2 center'>
              <h5 class='black-text text-darken-2 center CONDENSED LIGHT5'>¡ Advertencia: No se ha encontrado ningún registro !</h5>
              </div>";
 
?>
         
           </div>
 </section>
<!-- fin section -->
 
 
    <div class="row">
 
        <div class="col s12 m5">
 
                 <div class="input-field col s12 m4">
                 <input id="icon_prefix" type="text" name="nombre" autocomplete="off" required/>
                 <label for="descripcion" class="black-text ">Numero Animalito:</label>
                 </div>
 
 
                <div class="input-field col s12 m4">
                <input id="bt_add"  type="text" name="monto" autocomplete="off" required/>
                <label for="descripcion" class="black-text ">Monto:</label>
                </div>
 
 
       <br>
       <br>
       <br>
       <br>
 
              
               <button class="btn waves-effect blue darken-4 btn-small" type="submit" name="guardar">Generar Jugada</button>
            
               <button id="bt_del" class="btn waves-effect red btn-medium">Eliminar</button>
               
               <button id="bt_delall" class="btn waves-effect red btn-medium">Eliminar Todo</button>
         
 
 
               <div class="col center s12 m12">
                  <h4 class="left-align black-text">Serial:             Total:</h4>
               </div>
 
 
       </div>
 
</form>
 
 
        <div class="col s12 m7">
 
            <div style=' overflow: auto; height: 250px;'>
        
                <table id="tabla_ventas" class='bordered responsive-table centered'>
                    <thead>
                        <tr>
                             <th data-field='Nº'>ANIMALITO</th>
                             <th data-field='Código'>SORTEO</th>
                             <th data-field='Código'>MONTO</th>
                             <th data-field='Código'>OPERACIONES</th>
                        </tr>
                    </thead>
                </table>
   
            </div>
        </div>
 
 
  </div>
 

[rbczgz]

Hola aviweb2015,

Por lo que veo, lo que estás consultando no tiene nada que ver con PHP, sino con JavaScript o JQuery, yo en tu lugar pediría que muevan el tema a uno de esos dos sitios, donde será más fácil que recibas la ayuda que necesitas.

[aviweb2015]

es correcto amigo

[aviweb2015]

problema solucionado: añadir las etiquetas

Código Javascript:

$('#bt_add').keypress(function(event){
                 var keycode = (event.keyCode ? event.keyCode : event.which);
                 if(keycode == '13'){
                agregar(); 
                }
             });
 
              $( "#idFormulario" ).submit(function( event ) {
               event.preventDefault();
               });
 

y el formulario: <form id="idFormulario" action="" method="POST">