el siguiente formulario valida los campos .. pero el detalle es:
El return jsValidateForm(this) value se valida sin problema... no deja pasar si hay campos vacios.
El onClick="javascript: validarRabioButton()" valida pero deja continuar haya o no seleccionado ... no deberia permitir seguir si no hay seleccionado un RabioButton
Código PHP:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prueba</title>
<script language="JavaScript" src="jscripts/fvalidator.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent("domready", function() {
var exValidatorA = new fValidator("form");
});
</script>
<script language="javascript">
function direccionar(url,valor)
{
window.open(url + valor,"_self");
}
function setAction(valor)
{
document.form.action.value = valor;
}
function setImage(valor)
{
document.form.setimage.value = valor;
}
function confirmarBaja(pagina, texto) {
if(window.confirm(texto)) {
document.location = pagina;
}
}
function confirmarEliminar(texto) {
if(window.confirm(texto)) {
return true;
}
return false
}
</script>
<script language="javascript">
function validarRabioButton() {
var ubi = "no", zon = "no";
with (document.form){
for ( var i = 0; i < ubicacion.length; i++ ) {
if (ubicacion[i].checked ) {
ubi= "si";
//window.alert("Ha seleccionado: \n" + ubicacion.value);
break;
}//Fin del if
}//Fin del for
if(ubi == "no"){
window.alert('Error: Existen preguntas de seleccion unica aun sin contestar...') ;
}
}//Fin del with
}//Fin function validar()
</script>
</head>
<body>
<form name="form" id="form" method="post" action="formulario_hot3-5.php" enctype="multipart/form-data" onSubmit="return jsValidateForm(this)">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="10"><div align="left" class="tituloazul">Ubicación :</div></td>
</tr>
<tr>
<td width="6%" class="tituloazul_index">Norte</td>
<td width="5%" class="validform"><input name="ubicacion" type="radio" value="norte"></td>
<td width="4%" class="tituloazul_index">Sur</td>
<td width="5%" class="validform"><input type="radio" name="ubicacion" value="sur"></td>
<td width="7%" class="tituloazul_index">Oriente</td>
<td width="5%" class="validform"><input type="radio" name="ubicacion" value="oriente"></td>
<td width="9%" class="tituloazul_index">occidente</td>
<td width="5%" class="validform"><input type="radio" name="ubicacion" value="occidente"></td>
<td width="6%" class="tituloazul_index">centro</td>
<td width="48%" class="validform"><input name="ubicacion" type="radio" value="centro"></td>
</tr>
<tr>
<td height="23" class="t_medio_blanco"><div align="center"><input type="image" name="submit" src="img/boton_siguiente.png" onMouseDown="javascript: setAction('onlytext');" onClick="javascript: validarRabioButton()" /></div></td>
</tr>
</table>
</form>
</body>
</html>