SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Marcar casilla antes de enviar formulario

Códigos Javascript

Con este simple script podemos obligar a nuestros usuarios a marcar una casilla antes de enviar el formulario, muy util para leer y aceptar los terminos y condiciones.
Visitas: 30,671 - 06/11/2002
CODIGO SIN DEMOSTRACIONNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION

Modificaciones:

Si esta marcado se envia el formulario a la accion predeterminada del formulario
/tupagina.html

Si no esta marcado enviamos a otra página
document.location.href='/index.html'
donde debemos de modificar la url o  pagina marcada en rojo

CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <HEAD>
  2. <Script language="JavaScript">
  3. Function checkCheckBox(f){
  4. If (f.agree.checked == False )
  5. {
  6. alert('Por favor Aceptar antes de Continuar.');
  7. return false;
  8. }Else
  9. return true;
  10. }
  11. </Script>
  12. </HEAD>
  13. <BODY>
  14. <form action="/tu_pagina.html" method="POST" onsubmit="return checkCheckBox(this)">
  15. <font color="#990000">Aceptas las condiciones?: si</font>
  16. <Input Type="checkbox" value="0" name="agree">
  17. <Input Type="submit" value="Aceptar">
  18. <Input Type="button" value="salir" onclick="document.location.href='/index.html';">
  19. </form>
  20. </body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Marcar casilla antes de enviar formulario" href="http://www.tutores.org/codigo/333/" target="_blank">Marcar casilla antes de enviar formulario</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
sef
2 5
Hola lo siento pero no lo pillo.
Yo lo que quiero es que le tengas que dar a aceptar terminos y condiciones (el cuadradito de opcion ese)
para poder entrar en la pagina web que quiera.
Si lo saben envienme la respuesta a antonio.de.dios@hotmail.com
gracias!!! :D
Comentario usuario
18/09/2004 18.04.17
3 5
haber si me pueden hechar la mano lo que pasa es q yo soy muy nuevo en html demasiado, pero la verdad me agrado mucho y tomo clases de eso. bueno el punto es q el profesor quiere q aprendamos bien html puro y nos pidio crear un formulario que guarde los valores de este en cualquier formato ya sea .doc .txt etc. y q aparte despues guardarle que nos muestre en otra ventana el contenido o mejor dicho los valores del formulario espero ayuda gracis por de preferencia a mi mail elguardiandelalauna [ arroba] live.com.mx
Comentario usuario
Jordi
2 5
E depurado unos cuantos errores que hacian que ese código no funcione, es el siguiente:

_____________________________________________________________

<HEAD>
<Script language="JavaScript">
function checkCheckBox(f){
if (f.agree.checked == false ){
alert('Por favor Aceptar antes de Continuar.');
return false;
} else {
return true;
}
}
</Script>
</HEAD>
<BODY>
<form action="tu web" method="POST" onsubmit="return checkCheckBox(this)">
<font color="#990000">Aceptas las condiciones?: si</font>
<Input Type="checkbox" value="0" name="agree">
<Input Type="submit" value="Aceptar">
<Input Type="button" value="salir" onclick="document.location.href='/index.html';">
</form>
</body>

______________________________ _______________________________

Espero que sirva de ayuda este reporte
Comentario usuario
Sin definir
5 5
gracias de verdad por este codigo web...............
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.