Formulario: Que el botón compruebe las opciones

luppus · #1 (**permalink**) 06/11/2007, 13:17

Buenas,

Estoy intentando hacer un simple formulario, donde mi intención es poner varias opciones para que el usuario marque una de las tres opciones y al pulsar sobre el botón "comprobar", me compruebe el resultado, Ej: si ha elegido la "opcion1" muestre correcto, y si ha elegido la opción2 o 3 muestre "error".

Yo lo he intentado, pero no sé crear el botón para que compruebe la opción elegida por el usuario y que muestre el mensaje:

<body>
<form name="form1" method="post" action="">
<p>
<label>
<input type="radio" name="Eleccion" value="opcion1">
OpciónA</label>
<br>
<label>
<input type="radio" name="Eleccion" value="opcion2">
OpciónB</label>
<br>
<label>
<input type="radio" name="Eleccion" value="opcion3">
OpciónC</label>
<br>
</p>
</form>
<form name="form2" method="post" action="">
<input type="button" name="Submit" value="Comprobar">
</form>
</body>

DragonX · #2 (**permalink**) 06/11/2007, 13:34

Necesitas hacer una validación:
tu código:

Código HTML:

<body>
<form name="form1" method="post" action="">
<p>
<label>
<input type="radio" name="eleccion" value="opcion1">
OpciónA</label>
<br>
<label>
<input type="radio" name="eleccion" value="opcion2">
OpciónB</label>
<br>
<label>
<input type="radio" name="eleccion" value="opcion3">
OpciónC</label>
<br>
</p>
</form>
<form name="form2" method="post" action="">
<input type="button" name="Submit" value="Comprobar">
</form>
</body>

Código HTML:

<script>
function validar() 
        {
if (document.form1.eleccion.value=="")
                {
                alert("Por favor seleccione un radio");
                document.form1.eleccion.focus();
                return;
                }	
	document.form1.submit();

}
</script>

y a tu botón enviar le pones el sisuiente código:

Código HTML:

<a href="javascript:validar();">Enviar</a>

probalo

txels · #3 (**permalink**) 06/11/2007, 14:51

Lo primero, mete el botón y las opciones en el mismo formulario:

Código HTML:

<body>
<form name="form1" method="post" action="">
<p>
<label>
<input type="radio" name="Eleccion" value="1">
OpciónA</label>
<br>
<label>
<input type="radio" name="Eleccion" value="2">
OpciónB</label>
<br>
<label>
<input type="radio" name="Eleccion" value="3">
OpciónC</label>
<br>
</p>
<input type="button" name="Submit" value="Comprobar" onclick="validar(document.form1);">
</form>
</body>

fíjate en el botón que es así

Código HTML:

<input type="button" name="Submit" value="Comprobar" onclick="validar(document.form1);">

y mete en la misma página un script que hace el trabajo:

<script language="javascript" type="text/javascript">
function validar(frm){
if (frm.Eleccion[0].checked){
alert("Correcto!");
}else{
if (frm.Eleccion[1].checked || frm.Eleccion[2].checked){
alert("Incorrecto!");
}

}

}
</script>

y listo, tendrás lo que pides

webosiris · #4 (**permalink**) 06/11/2007, 19:07

muevo a javascript desde HTML.
Solo aclaar que como validación sencilla js esta bien, pero si neesitas validar datos importantes necesitarías usar un lenguaje del lado del servidor (como php) ya que la validación js evidentemente solo funciona si el usuario tienen activado js