Validar un Input Type

myconatani · #1 (**permalink**) 23/07/2004, 14:49

Estimados amigos del Foro.

Necesito validar botones Input Type, el ejemplo es :

echo "<td><input type=Radio name=docto value=1>Permiso Circulacion</td>";
echo "<td><input type=Radio name=docto value=2>Revision Tecnica</td>";

Ninguno de los dos botones tiene el CHECKED, tengo que hacer una función que valide los botones, la idea es que me avise que debo presionar una de las dos alternativa.

Yo tengo lo siguiente pero no me finciona :

function valida()
{
if (document.form1.docto.checked == true)
{
alert (" Debe ingresar un Tipo de Documento");
return false;
}
}

Esta la llamo con un boton :

<input type=submit name=busca id=busca value=Buscar OnClick=return Valida()>

Necesito ayuda, ya que me estoy atrasando con la pagina.
atte.
myconatani.

Carlitos · #2 (**permalink**) 24/07/2004, 15:18

Hola.

A ver si te puede servir esto.

Código:

<script>
valor = 0
function cambia(ra)
{
valor = ra.value
}
function valida()
{
if (valor == 0) alert ("Debe ingresar un Tipo de Documento")
}
</script>
<form name="form1">
<input type="radio" name="docto" value="1" onclick="cambia(this)">Permiso Circulacion
<input type="radio" name="docto" value="2" onclick="cambia(this)">Revision Tecnica
</form>
<input type="submit" name="busca" id="busca" value="Buscar" onclick="valida()">

myconatani · #3 (**permalink**) 26/07/2004, 07:59

Hola Carlitos.

Te lo agradezco, funciono a la perfección.

Atte.
myconatani

Dahn · #4 (**permalink**) 04/10/2004, 14:22

Espero que a nadie le importe que suba este post... :P

El código que ha puesto Carlitos me funciona a la perfección pero tengo un problema... aunque no haya ningun radiobutton seleccionado envía el formulario, ¿alguien sabe como se podría hacer para que al salir el alert se parase el envío del form?

Gracias

SiR.CARAJ0DIDA · #5 (**permalink**) 04/10/2004, 15:55

function valida()
{
if (valor == 0)
{
alert ("Debe ingresar un Tipo de Documento")
}else{
document.form1.submit();
}
}
</script>
<form name="form1">
<input type="radio" name="docto" value="1" onclick="cambia(this)">Permiso Circulacion
<input type="radio" name="docto" value="2" onclick="cambia(this)">Revision Tecnica
</form>
<input type="button" name="busca" id="busca" value="Buscar" onclick="valida()">

Dahn · #6 (**permalink**) 04/10/2004, 16:11

Cita:

Iniciado por SiR.CARAJ0DIDA

function valida()
{
if (valor == 0)
{
alert ("Debe ingresar un Tipo de Documento")
}else{
document.form1.submit();
}
}
</script>
<form name="form1">
<input type="radio" name="docto" value="1" onclick="cambia(this)">Permiso Circulacion
<input type="radio" name="docto" value="2" onclick="cambia(this)">Revision Tecnica
</form>
<input type="button" name="busca" id="busca" value="Buscar" onclick="valida()">

Sigue sin funcionar...

Vamos a ver, este es el código que tengo ahora mismo:

Código PHP:

  <? include("data.php"); ?> 
<link rel="stylesheet" href="../css.css" type="text/css"> 
    <body bgcolor="#3E0E0E"> 
<script language="JavaScript">valor = 0 
function cambia(ra) {valor = ra.value} 
function valida() {if (valor == 0) alert ("Debe seleccionar una opción.")}</script> 
<form action=encuesta1.php method=post onsubmit="return comprobar(this)"> 
        <span class="web3"><em><font size="2"><?= $pregunta ?></font></em></span>  
            <table width="100%"><tr><td width="92%"><br><input type=radio name=op value="a" onclick="cambia(this)"> 
        <span class="web3"><font size="2"><?= $o1 ?></font></span></td></tr><tr>  
            <td><input type=radio name=op value="b" onclick="cambia(this)"> 
        <span class="web3"><font size="2"><?= $o2 ?></font></span></td></tr><tr>  
            <td><input type=radio name=op value="c" onclick="cambia(this)"> 
        <span class="web3"><font size="2"><?= $o3 ?></font></span></td></tr><tr>  
            <td><input type=radio name=op value="d" onclick="cambia(this)"> 
        <span class="web3"><font size="2"><?= $o4 ?></font></span></td></tr> 
            </table><br><input type="submit" name="Submit" value="Enviar" onclick="valida()"></form>

A ver si a partir de eso alguien sabe echarme una mano...

Gracias

Carlitos · #7 (**permalink**) 05/10/2004, 07:59

Hola.

1.- Utiliza la función 'valida()' que te ha puesto Sr. Carajodida.

2.- Cambia tu boton de 'submit' a 'button'

3.- añade en la etiqueta <form> esto: name="form1"

Creo que nada más. Así te tendría que funcionar.

Dahn · #8 (**permalink**) 09/10/2004, 11:09

Ya está! Era una tontería... se me había olvidado poner lo de "else { document.form1.submit();}"... Siento si os he molestado ;)

Muchas gracias por la ayuda