Esto es de un ejercicio que hice para clase, pero solo es la parte de validar el formulario, hecho en JavaScript, la parte de conectar con la BD aún no te la sabría decir, ya que no he llegado a ver PHP:
Código HTML:
<html> <head> <title> Validar </title>
<script language="JavaScript">
<!--
function validar()
{
var nombre=document.formu.nombre.value;
var provincia=document.formu.provi.value;
var mail=document.formu.mail.value;
var user=document.formu.user.value;
var pwd=document.formu.pwd.value;
if(nombre.length < 1 )
{
alert ("Debes especificar tu Nombre");
}
else if(nombre.length < 3)
{
alert("El nombre debe tener al menos 3 caracteres");
}
if(provincia.length < 1)
{
alert ("Debes especificar tu provincia");
}
else if(provincia.length < 4)
{
alert("Si tu provincia tiene un nombre de 3 o menos caracteres, especifica detrás 'prov'");
}
if(mail.length < 5)
{
alert ("Debes introducir un Email");
}
else if (mail.indexOf('@') < 2)
{
alert ("Debes colocar una Dirección de Email válida");
}
else if (mail.indexOf('.') < 3)
{
alert ("Debes colocar una Dirección de Email válida");
}
if(user.length < 1)
{
alert ("Debes especificar tu nombre de usuario");
}
else if(user.length < 2)
{
alert("El nombre de usuario debe tener como mínimo 3 caracteres");
}
if(pwd.length < 1)
{
alert("Deberías de especificar una contraseña");
}
else if(pwd.length < 6)
{
alert("Tu contraseña debe tener un mínimo de 6 caracteres");
}
}
//-->
</script>
</head>
<body>
<form name="formu">
Nombre:*<input type="text" size="20" name="nombre">
Apellidos:<input type="text" size="30" name="apelli"><br><br>
Dirección:<input type="text" size="30" name="dire"><br><br>
Población:<input type="text" size="15" name="pobla">
Provincia:*<input type="text" size="15" name="provi"><br><br>
Código Postal:<input type="text" size="5" name="postal">
Email:*<input type="text" size="20" name="mail"><br><br>
Usuario:*<input type="text" size="15" name="user">
Contraseña:*<input type="password" size="15" name="pwd"><br><br>
<input type="button" value="generar números" name="boton_numeros" onClick="numerosAleatorios();">
<br><br>
<font size="1">
<b>Los campos con * son obligatorios</b>
</font><br><br>
<input type="submit" name="enviar" onClick="validar();">
<input type="reset" name="limpiar">
</form>
</body>
</html> Espero que pueda servirte.
Suerte: Alun