hola gente! soy nuevo en la programacion y estoy haciendo un formulario, les cuento un poco la idea:
al llenar el formulario, el usuario esta obligado a llenar el campo de apellido y el de su numero de tarjeta!.
Problemas que voy teniendo:
1. Si el usuario no llena el campo de apellido, el window.alert no lo muestra!
2. Si el usuario ingresa hasta los 16 numeros, se muestra el window.alert indicando que debe ingresar los 16 numeros.
¿Por qué? si supuestamente yo en el codigo le indique que esta obligado a ingresar los 16 numeros.
y ademas, para el campo de apellido, le indique que si el campo esta vacio, le indique al usuario que debe escribir su apellido.
espero me puedan ayudar!
aca les dejo el codigo!
Código HTML:
<html>
<head>
<title></title>
<script type="text/javascript">
function checkform()
{
var ape;
var enviar;
ape= document.formulario.apellido.value;
enviar= true;
if(document.formulario.apellido.value.lenght==0)
{
window.alert("ingrese su apellido");
enviar= false;
}
if(document.formulario.tarjeta.value.lenght !=16)
{
window.alert("ingrese 16 digitos para la tarjeta");
enviar= false;
}
else if(isNaN(document.formulario.tarjeta.value))
{
window.alert("ingrese solo numeros para la tarjeta");
enviar= false;
}
return enviar;
}
</script>
</head>
<body>
<form name="formulario" method="get" onsubmit="return checkform();" action="http://www.google.com.ar">
<table align="center" bgcolor="#FFCC00" widht="500">
<tr align="center">
<td>Ingrese su nombre</td>
<td><input type="text" name="nombre"></td>
</tr>
<tr align="center">
<td>Ingrese su apellido</td>
<td><input type="text" name="apellido"></td>
</tr>
<tr align="center">
<td>Ingrese numero de tarjeta</td>
<td><input type="text" name="tarjeta"></td>
</tr>
<tr align="center">
<td>Deseo enviar los datos</td>
<td><input type="submit" name="enviar"></td>
</tr>
</table>
</form>
</body>
</html>