No permitir formulario vacio

iovan · #1 (**permalink**) 16/12/2008, 04:28

Hola buenas tardes, actualemte estoy trabajando con un pequeño y sencillo script que lanza una alerta si un campo para texto (text, textarea, password) se encuentra vacio.

Supongamos que el campo textfield del formulario se llama "name", eL script que usaria es:

Código:

function validar(formulario) { 

if (formulario.name.value.length==0) {
    alert("El campo nombre esta vacio");
    formulario.name.focus();
    return (false);
  }
	
  return (true);
}

Pero ahora 2 preguntas.
1.- Quiero validar que este seleccionado alguno de los radios buttons.

Código HTML:

<form onSubmit="return validar('this');>
<input type="radio" name="radio">
<input type="radio" name="radio">
</form>

ya intente de esta manera pero no me funciono:

Código:

function validar(formulario) { 

if (formulario.radio.value.length==0) {
    alert("Debe seleccionar almenos un radio button");
    formulario.radio.focus();
    return (false);
  }
	
  return (true);
}

2.- De la misma manera quiero validar un select

Código HTML:

<form onSubmit="return validar('this');>
<select name="select">
<option selected="selected"> seleccione una opcion </option>
<option>1</option>
<option>2</option>
</select>
</form>

Deseo lanzar una alerta si no se a seleccionado la opcion 1 o la 2, o lanzar una alerta si esta seleccionado "seleccione una opcion".

En fin, validar un select y un radio.

Muchas gracias.

Adler · #2 (**permalink**) 16/12/2008, 06:53

Hola

Prueba así

Código javascript:

Ver originalfunction MarcaRadio (c) {
      for (var i=0; rad = c.rad[i]; i++)
    if (rad.checked) return;
     alert('Has de selecionar al menos uno');
      return false;

En cuanto al select es verificar si el value está vació

Suerte

iovan · #3 (**permalink**) 17/12/2008, 03:39

Gracias amigo, al principio no me funcionaba porque le hacia falta un { despues del primer return; como soy nuevo no sabia si ponerle corchete o no.

mi codigo me quedo asi, por fin funcionando. Gracias.

Código HTML:

<html>
<head>
<script>
function validar(formulario) {
    for (var i=0; radio = formulario.radio[i]; i++)
    if (radio.checked) return; {
     alert('Has de selecionar al menos uno');
      return false;
}
 //enviar formulario si  se cumplen con las condicions	
  return (true);
}
</script>
</head>
<body>
<form method="post" onsubmit="return validar(this)">
  <input type="radio" name="radio"/>
  <input type="radio" name="radio"/>
  <input type="submit" value="Enviar" />
</form>
</body>
</html>