Hola amigos, muy buenas ...para pedirles por favor apoyarme con esto:
1. Tengo mi formulario con cajas de texto el cual valido la tabulacion (pasar cada caja con enter). Ahora quisiera implementarlo la validacion de k la primera caja no permita ingresar numeros y la segunda caja no permita ingresar letras...tonces lo implemente de esta manera:
Código php:
Ver original<table>
<form name="form" id="form" action="index.php?p=8" method="post" onsubmit="return envia()">
<tr bgcolor="#48A4FF" align="left" class="tit">
<td height="30" colspan=2>Datos del Destinatario</td>
</tr>
<tr>
<td width="35%">Apellidos y Nombres: </td>
<td width="65%" align="right"><input type="text" size="55" maxlength="50" name="destinatario" class="input_text" onKeypress="tabular(event,this),validaLet(event)"> <font color="red">(*)</td>
</tr>
<tr>
<td width="35%">Dirección de envio:</td>
<td width="65%" align="right"><input type="text" size="55" maxlength="50" name="direccion" onKeypress="tabular(event,this);validaNum(event)" class="input_text"> <font color="red">(*)</td>
</tr>
<tr align="center" valign="middle">
<td width="35%"></td>
<td width="15%"><input type="button" value="Anterior" onclick="history.go(-1)"></td>
<td width="15%"><input type="submit" name="Confirmar" value="Confirmar"></td>
<td width="35%"></td>
</tr>
</table>
</form>
Aki el codigo js:
Código php:
Ver originalfunction validaLet(e){
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==8) return true; //Tecla de retroceso (para poder borrar)
patron = /\d/; // Solo números
te = String.fromCharCode(tecla);
if(patron.test(te)){
alert('Acepta solo letras');
return false;
}
// return patron.test(e);
}
function validaNum(e){
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==8) return true;
patron =/[A-Za-zñÑ\s]/; // Solo letras, incluye ñ y Ñ, ademas barra espaciadora
te = String.fromCharCode(tecla);
if(patron.test(te)){
alert('Acepta solo numeros');
return false;
}
}
function validaVacio(){
if(document.form.destinatario.value==""){
alert("Ingrese Apelidos y Nombres");
form.destinatario.focus();
return false;
}
if(document.form.direccion.value==""){
alert("Ingrese Direccion");
form.direccion.focus();
return false;
}
return true;
}
function confirma(){
if(confirm('¿Desea imprimir el pedido?'))
print();
if(confirm('¿Esta seguro de confirmar su pedido?'))
return true;
return false;
}
function envia(){
if(validaVacio()){
return confirma();
}
return false;
}
Pero lo unico k me falla es k al dar tabulacion a una caja vacia me da alerta de validacion de la funcion validaVacio (del evento onsubmit)??? ojo k no estoy dando click en el boton submit...estoy dando enter en las cajas de texto.
Gracias de antemano,