hola a todos estoy tratando de hacer un formulario con campos obligatorios me baje varios ejemplos de internet y bueno la verdad es que ninguno me corre y me quede con este, aqui se los dejo para que lo vean.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Registro de Lista</title>
<script language="javascript" type="text/javascript">
function ValidarEnvio()
{
var mensaje = "";
var frm = document.formContactos;
if(frm.nombre.value=="")//aqui va el nombre del campo input con el name="nombre"
{
mensaje += " > Debes ingresar tu Nombre.\n";
}
if(frm.apellido.value=="")//aqui va el nombre del campo input con el name="apellido"
{
mensaje += " > Debes ingresar tu Apellido.\n";
}
if(isNaN(parseInt(frm.dni.value))) //le decimos que introduzca solo numeros en el campo name="dni"
{
mensaje += " > Debes ingresar su DNI. Debe contener numeros\n";
}
if (frm.mail.value.indexOf("@")<3)// le decimo que debe ingresas un mail verdadero en el campo name="email"
{
mensaje += " > Debes ingresar un email valido para contactarte.\n";
}
if(mensaje!="")
{
alert("No se puede enviar el mensaje debido a que: \n"+mensaje);
return false;
}else{
return true;
}
}
</script>
</head>
<body bgcolor="#000000">
<div style="background: url('discoteca.jpg') repeat scroll 0% 0% transparent" align="center"><font color="#ffffff"></font>
<h2><font color="#ffffff" face="tahoma">Registrate y entra gratis todos los viernes*</font></h2><br />
<form method="GET" action="insertar.php" name="formContactos" onsubmit="return ValidarEnvio();"><font color="#ffffff"><strong>Nombre</strong> <input name="nombre" type="text" /><br />
<strong>Apellido</strong> <input name="apellido" type="text" /><br />
<strong>DNI</strong> <input name="dni" maxlength="8" type="text" /><br />
<strong>E-mail</strong> <input name="email" type="text" /><br />
<br /><input value="Registrar" name="submit" type="submit" /></font></form><br />
<strong><font color="#ffffff" size="2px" face="arial black">*PREVIA PRESENTACION DE DNI</font></strong></div>
</body>
</html>