Ir al contenido


Foto

Validar checkbox


  • Por favor identifícate para responder
2 respuestas en este tema

#1 flash-back

flash-back

    Advanced Member

  • Miembros
  • PipPipPip
  • 62 mensajes

Escrito 14 diciembre 2011 - 10:02

Saludos, valiendome de guia con la validacion de formularios con Js del maestro Cesar Cancino tengo la siguiente duda
Como hacer que me de error si el chechbox no esta seleccionado en este codigo:


[js]if (document.form.terminos)//terminos es el nombre del checkbox ¿Que debería poner aqui?
{
document.getElementById("div_check").innerHTML="<font color='#ff0000'>Seleccione el check</font>";
form.nom.value="";
return false;
}else
{
document.getElementById("div_nom").innerHTML="";
}
[/js]

  • 0

#2 enecumene

enecumene

    Webmaster

  • Administrador
  • 7.419 mensajes
  • LocationRepública Dominicana

Escrito 14 diciembre 2011 - 10:19

Prueba con:

[js]if (document.form.terminos.checked == False)//terminos es el nombre del checkbox ¿Que debería poner aqui?
{
document.getElementById("div_check").innerHTML="<font color='#ff0000'>Seleccione el check</font>";
form.nom.value="";
return false;
}else
{
document.getElementById("div_nom").innerHTML="";
}[/js]

Saludos..
  • 0

#3 Sergio_Reynaga

Sergio_Reynaga

    Member

  • Miembros
  • PipPip
  • 17 mensajes

Escrito 14 diciembre 2011 - 11:11

Que tal creo que eres la misma persona que pregunto en el chat, hace un momento jejeje, solo que te fuiste del chat. aqui te pongo un ejemplo sencillo haber si es lo que ocupas:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Validacion</title>
       
        <script type="text/javascript">
        function Validar() {
if (document.login.check.checked) {
alert('Avanzar, el checkbox ha sido seleccionado');
} else {
alert('No puedes avanzar si no haz seleccionado el checkbox');
}
}
        </script>
</head>
<body>
    <h3>Ingrese sus datos</h3>
        <form name="login" action="" method="post">
        Nombre de Usuario<br />
            <input type="text" name="user" id="user" value="" /><br />
            Contraseña<br />
            <input type="password" name="pass" id="pass" value="" /><br />
            Checkbox<br />
            <input type="checkbox" name="check" id="check" value="check" /> Seleccionar para enviar<br /><br />
            <input type="submit" name="submit" id="submit" value="Enviar" onclick="Validar();" />
        </form>
</body>
</html>


Asi como lo puse, ejecutalo en tu servidor y veras el funcionamiento, espero y te funcione.. Saludos
  • 0




IP.Board spam blocked by CleanTalk.