no enviar formulario con tecla ENTER

clusterbit · #1 (**permalink**) 07/01/2009, 07:40

hola amigos del foro

mi duda es la siguiente.

tengo un formulario y necesito que cuando el usuario presione la tecla ENTER
el formulario NO! se GUARDE si no que siga al siguiente cuadro de texto

osea que al presionar ENTER haga la funcion de la tecla TAB

espero se entienda aquí les dejo mi formulario

Código PHP:

  <form action="insertar_datos.php" method="POST"> 
<table width="360" height="70"> 
<tr> 
<td>Nº de Orden :</td> 
    <td><input type="text" name="num_ord" ></td></tr> 
<tr><td height="37">Fecha de Atencion :</td> 
    <td><input type="text" name="fecha_ate"></td> 
</tr> 
 <tr><td>Hora de Llegada :<td><input type="text" name="hora_lleg"> 
    </tr> 
<tr><td>Hora de Termino :</td>  
        <td><input type="text" name="hora_ter" ></td></tr> 
<tr><td>Fecha de Entrega :</td>  
  <td><input type="text" name="fecha_entreg" ></td></tr> 
  <tr><td>Lugar de Atencion :</td>  
  <td><input type="text" name="lugar" ></td></tr> 
        <tr><td colspan="6">Mantenimiento 
          <input type="checkbox" name="mant" value="mantenimiento"> 
          Reparacíon 
          <input type="checkbox" name="repa" value="reparacion"></td>  
    </tr> 
 
  </table> 
  <br> 
<strong>IDENTIFICACION DE EQUIPO</strong> 
<table> 
<tr> 
<td>Fabricante :</td> 
    <td><input type="text" name="fabric"></td></tr> 
<tr>      
<td>Modelo Maquina :</td> 
    <td><input type="text" name="model"></td></tr> 
<tr><td>Serie Maquina :</td> 
<td><input type="text" name="seri_maq"></td></tr> 
<tr><td>Funcion Maquina :</td> 
<td><input type="text" name="func_maq"></td></tr> 
<tr><td>Guia de Despacho :</td>  
<td><input type="text" name="guia"></td></tr> 
<tr><td>Vantive :</td>  
<td><input type="text" name="van"></td></tr> 
  </table> 
<br> 
<br> 
<strong>SERVICIO REALIZADO</strong> 
<br> 
Mantenimiento Realizado 
<br> 
(Sintoma/Diagnostico/Acciones) 
<br> 
<table> 
<tr> 
<td width="256">Sintoma  
<br> 
<textarea name="sintoma" rows="10" cols="40"></textarea></td> 
<td width="48">Diagnostico <br> 
  <textarea name="diagnostico" rows="10" cols="40"></textarea></td> 
</tr> 
<br> 
<br> 
<tr><td colspan="2">Aciones y Observaciones 
<br> 
<textarea name="ac_ob" rows="10" cols="40"></textarea></td></tr> 
</table> 
<br> 
<br>                         
Operativa:  
<br> 
<table> 
    <tr><td>SI<input type="checkbox" name="opera" value="si"></td> 
    <td>NO<input type="checkbox" name="opera" value="no"></td></tr> 
  </table> 
<br> 
<br> 
<label> 
<input type="submit" name="Submit" value="Guardar"> 
</label> 
<input name="Restablecer" type="reset" value="Limpiar"> 
</form>

saludos

eduar007 · #2 (**permalink**) 07/01/2009, 08:52

Hola, no se como hacer eso pero una idea es que valides que los campos no esten vacios.
se me acaba de ocurrir que al hacer una validacion con javascript no mandes alertas si no que envies el foco al campo que este vacio, espero te ayude.
Saludos.

clusterbit · #3 (**permalink**) 07/01/2009, 10:18

gracias eduar007 por responder a mi solicitud te lo agradesco

y bien ya encontre la solucion a mi problema jejee aki se los dejo para quienes
tengan la misma duda (es un java script)

saludos

Cita:

<html>
<head>
<script>
function tabular(e,obj) {
tecla=(document.all) ? e.keyCode : e.which;
if(tecla!=13) return;
frm=obj.form;
for(i=0;i<frm.elements.length;i++)
if(frm.elements[i]==obj) {
if (i==frm.elements.length-1) i=-1;
break }
frm.elements[i+1].focus();
return false;
}
</script>
</head>
<body>
<form>
<input type="text" onkeypress="return tabular(event,this)" />
<input type="text" onkeypress="return tabular(event,this)" />
</form>
</body>
</html>

GatorV · #4 (**permalink**) 07/01/2009, 10:41

Tema trasladado a Javascript.

jseros · #5 (**permalink**) 07/01/2009, 13:02

Qusiera aportar con otra posible solución. Es una función que hice para cancelar la tecla enter en los formularios.

Código PHP:

  //Si es internet explorer debe tener el objeto ActiveXObject 
navigator.IE = !( !window.ActiveXObject ); 
 
 
function cancelKeySubmit( idform ) 
{ 
    //arreglo con los campos del formulario 
    var formtarget = document.getElementById( idform ).elements; 
     
    //funcion que cancela los eventos 
    var action = function( e ){ 
        e = e || window.event; 
        e.eventKey = navigator.IE ? e.keyCode : e.which; 
        return ( e.eventKey != 13 ); 
    }; 
     
    //recorremos los campos y verificamos que el campo no sea un textarea     
    for( var i = 0 ; i < formtarget.length ; i++ ) 
        if( formtarget[i].type != "textarea" ) 
            formtarget[i].onkeypress = action; 
     
    //devolvemos true para no obligar al motor a que devuelva algo 
    return true; 
} 
 
window.onload = function(){ 
    cancelKeySubmit( "alo" );//"alo" es el ID del formulario 
};

Saludos

kibdu · #6 (**permalink**) 20/10/2009, 15:30

u.u
GRACIAS me ha servido muchisimo este tema.
en especial gracias a clusterbit por compartir el codigo... me sirvio muchisimo