Pues tengo un problemilla y es que he visto un codigo en una pagina que la cual fuciona el ejemplo y en la mia no. Entonces queria ver si alguien podría ayudarme a solucionar mi pequeño problema.
Tengo el siguiente scprit que lo pongo en el head:
Código HTML:
<script>
function validar() {
// Array con todos los elementos del formulario
camposTexto = form1.elements;
for (x=0; x < camposTexto.length; x++) {
if (camposTexto[x].value == '' && camposTexto[x].type=='text'){
alert("El campo " + camposTexto[x].name
+ " está vacio y es OBLIGATORIO");
return false;
}
}
// Recorremos todos los campos de texto buscando que esten llenos
// Lista con los checkbox
check = form1.acepta_registro;
// Variable que detecte si hay alguno seleccionado
// Inicialmente en false
//Recorremos todos los checkbox buscando que haya alguno marcado
selected = false
x=0;
while (!selected && (x <check.length)) {
if (check[x].checked) {
selected = true;
}
x++;
}
if (!selected) {
alert ("Para poder continuar deberá de selecionar
alguna de las opciones");
return false;
}
alert("Todo está correctamente");
return true;
}
</script>
Y despues este formulario:
Código HTML:
<form action="registro2.php" method="post" name="form1" id="form1" onSubmit="return validar();">
<h1>Registrarme</h1>
<div align="center"><img src="web/imagenes/registro1.jpg" alt="Paso 1" width="498" height="50" /> </div>
<h1>Mis datos</h1>
<table width="520" border="0" cellpadding="2" cellspacing="0">
<tr>
<td align="right"><div align="left"><b>Usuario:</b></div></td>
<td><input name="usuario*" type="text" id="usuario" size="14" maxlength="10" onfocus="this.style.border='1px solid #f00'" onblur="this.style.border='1px solid #bbb'" />
<strong>* 10 caracteres máximo</strong></td>
</tr>
<tr>
<td align="right"><div align="left"><b>Contraseña:</b></div></td>
<td><input name="pass*" type="password" id="pass" size="14" maxlength="12" onfocus="this.style.border='1px solid #f00'" onblur="this.style.border='1px solid #bbb'" />
<b><strong>* 10 caracteres máximo </strong></b></td>
</tr>
<tr>
<td align="right" valign="top"><div align="left"><b>Email:</b></div></td>
<td><input name="email*" type="text" id="email" size="50" onfocus="this.style.border='1px solid #f00'" onblur="this.style.border='1px solid #bbb'" />
<b><strong>*</strong></b><b><strong>*</strong></b></td>
</tr>
<tr>
<td align="right"><div align="left"><b>Sexo:</b></div></td>
<td><select name="sexo" id="sexo">
<option value="0" selected="selected">Por favor, seleciona..</option>
<option value="H">Hombre</option>
<option value="M">Mujer</option>
</select>
<b><strong>*</strong></b></td>
</tr>
<tr>
<td align="right"><div align="left"><b>Nombre:</b></div></td>
<td><input name="nombre*" type="text" id="nombre" size="30" maxlength="50" onfocus="this.style.border='1px solid #f00'" onblur="this.style.border='1px solid #bbb'" />
<b><strong>*</strong></b></td>
</tr>
<tr>
<td align="right"><div align="left"><b>Apellidos:</b></div></td>
<td><input name="apellidos*" type="text" id="apellidos" size="40" onfocus="this.style.border='1px solid #f00'" onblur="this.style.border='1px solid #bbb'" />
<b><strong>*</strong></b></td>
</tr>
<tr>
<td align="right"><div align="left"><b>Fecha<br />
nacimiento:</b></div></td>
<td><table width="282" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td>Dia:</td>
<td>Mes</td>
<td>Año: </td>
</tr>
<tr>
<td><select name="dia" id="dia">
<option value="" selected="selected">--</option>
<option value="01">1</option>
</select></td>
<td><select name="mes" id="mes">
<option value="" selected="selected">---</option>
<option value="01">Enero</option>
</select></td>
<td><select name="ano" id="ano">
<option value="" selected>----</option>
<option value="2007" >2007</option>
</select></td>
</tr>
</table>
<b></b></td>
</tr>
<tr>
<td align="right"><div align="left"></div></td>
<td> </td>
</tr>
<tr>
<td align="right"><div align="left"></div></td>
<td><strong>* </strong>Datos obligatorios.<br />
<b><strong>*</strong></b><b><strong>* </strong></b> La dirección de correo es requerida para completar su registro</td>
</tr>
<tr>
<td align="right"><div align="left"></div></td>
<td> </td>
</tr>
<tr>
<td align="right"><div align="left"></div></td>
<td><label></label></td>
</tr>
</table>
<p>
<input type="checkbox" name="acepta_registro" value="si" />
<strong>*</strong> Sí, acepto los <a href="#">Términos y condiciones</a>, y la <a href="#">Política de Protección de Datos</a><br />
<br />
<br />
</p>
<br />
<br />
<div align="right">
<input name="Siguiente »" type="submit" id="Siguiente »" value="Siguiente »" />
</div>
</form>
Que solucion podria tener?
Gracias