Aceptar términos y condiciones

srwik · #1 (**permalink**) 27/03/2012, 06:15

Hola a tod@s,

Estoy creando una página sencilla para dos productos que estoy vendiendo. Como son solo dos no he instalado ningún ecommerce ya que no merece la pena.

Tengo todo listo, solo me falta que los clientes acepten unos "términos y condiciones" antes de proceder a la compra.

La cosa sería así:

Ellos entran a la página de términos y condiciones, rellenan unos datos (nombre, email, dni, dirección, localidad y provincia), únicamente si aceptan en la casilla pueden hacer click en continuar, enviando estos datos con los términos y condiciones a mi y al cliente y les llevará a otra página que yo elija (obviamente la de pago)
Espero que puedan orientarme, sigo buscando por si hay algún módulo prefabricado.

Un saludo y gracias de antemano.

EDIT: He pensado que por seguridad, si es posible, que se envíe también la IP del cliente. Por si hay problemas después..

Hidek1 · #2 (**permalink**) 27/03/2012, 08:00

y cual sería tu consulta específicamente ?

si es lo de poner un checkbox en el formulario eso es tema de HTML
y si es por validar ANTES de enviar el formulario sería tema de Javascript
ahora si quieres hacer una POST verificación de que este seleccionado el chekbox basta con consultar si el valor desde php

Código HTML:

Ver original<form action="" method="post">
    <input type="checkbox" name="acepto" />
    <input type="submit" />
</form>

Código PHP:

  <?php 

if (isset($_POST['acepto'])) {

    echo 'here we go!';

}

saludos.

srwik · #3 (**permalink**) 27/03/2012, 14:08

Gracias por la respuesta. He intentado hacer uno que por el momento no va nada mal. Pero me gustaría que las casillas a rellenar fuesen obligatorias y el aceptar condiciones también.

Por el momento va así.

HTML:

Código:

<form name="form1" method="post" action="enviar.php">
  <p>
    <label for="nombre">Nombre</label>
    <input type="text" name="nombre" id="nombre">
    <br>
    <label for="apellidos">Apellidos</label>
    <input type="text" name="apellidos" id="apellidos">
    <br>
    <label for="dni">NIF/DNI</label>
    <input type="text" name="dni" id="dni">
    <br>
    <label for="mail">Email</label>
    <input type="text" name="mail" id="mail">
    <br>
    <label for="telefono">Teléfono</label>
    <input type="text" name="telefono" id="telefono">
    <br>
    <label for="direccion">Dirección</label>
    <input type="text" name="direccion" id="direccion">
    <br><label for="condiciones">Acepta las <a href="pagina_condiciones.html">condiciones</a> y blah blah</label><input type="checkbox" name="condiciones" />
  </p>
  <p>Enviar
    <input type="submit" name="enviar" id="enviar" value="Enviar">
  </p>
</form>

PHP:

Código:

<?php
$nombre = $_POST['nombre'];
$apellidos = $_POST['apellidos'];
$dni = $_POST['dni'];
$mail = $_POST['mail'];
$telefono = $_POST['telefono'];
$direccion = $_POST['direccion'];
$ip = $_SERVER['REMOTE_ADDR'];
  if( isset( $_POST['condiciones'] ) ) { 
    // El cliente aceptó las condiciones 
  } else { 
    // El cliente no aceptó las condiciones 
  } 

$header = 'From: ' . $mail . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/plain";

$mensaje = "Este mensaje fue enviado por " . $nombre . ", con apellidos " . $apellidos . " \r\n";
$mensaje .= "Condiciones: " . $_POST['condiciones'] . " \r\n";
$mensaje .= "Su e-mail es: " . $mail . " \r\n";
$mensaje .= "Dni: " . $_POST['dni'] . " \r\n";
$mensaje .= "Teléfono: " . $_POST['telefono'] . " \r\n";
$mensaje .= "Dirección: " . $_POST['direccion'] . " \r\n";
$mensaje .= "Su ip: " . $ip . " \r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());

$para = '[email protected]';
$asunto = 'Cliente nuevo';

mail($para, $asunto, utf8_decode($mensaje), $header);

echo 'Mensaje enviado';

?>

Gracias de antemano!

IsaBelM · #4 (**permalink**) 27/03/2012, 14:30

aunque la validación en el servidor es la mas importante, la validación en el cliente hace que el usuario no se desespere a la hora de enviar el form. en el servidor, Hidek1

, ya te ha dado una idea. ahora, qué quieres hacer??

srwik · #5 (**permalink**) 27/03/2012, 17:26

Pues como ya dije, me gustaría que las casillas a rellenar fuesen obligatorias y el aceptar condiciones también.

Sigo investigando!

EDIT: lo intenté utilizando en php esto:

Código:

if(empty($_POST['dni'])) {
     echo "El campo dni está vacio"; 
}

Lo que ocurre es que al ser en php los datos se envían igualmente y aunque de el error el mensaje queda enviado.
Quizás lo suyo sea javascript con una función de validez y alertas con retorno...no lo manejo bien pero voy a intentarlo y os cuento :)

IsaBelM · #6 (**permalink**) 27/03/2012, 17:45

a eso me refería

Cita:

con php ---> if(isset($_POST['control']) && $_POST['control'] != '')
con javascript ---> if(document.getElementById('control').value == '')

srwik · #7 (**permalink**) 27/03/2012, 17:49

Pues debe ser la hora que no entendí la primera vez tu post, a que te ibas a referir si no!
Aquí lo dejo, mañana lo intento con menos sueño :P

Mil gracias!

memoadian · #8 (**permalink**) 27/03/2012, 17:56

lo que pasa es que con php tienes que darle el curso correcto, es decir, hacer esto

Código PHP:

Ver originalif(empty($_POST['dni'])) {
     echo "El campo dni está vacio"; //no envia datos
}else{
    mail(); //si envia datos
}

como ves no es php el problema, es que no lo estas atacando como debe ser.

srwik · #9 (**permalink**) 28/03/2012, 04:56

Bueno pues ya está listo. Comiéndome unos cuantos tutos de javascript y tras mil intentos ha quedado así el HTML que es lo único que he vuelto a modificar:

Código:

<script>

function valida_envia(){
	//valido el nombre
	if (document.fvalida.nombre.value.length==0){
		alert("Tiene que escribir su nombre")
		document.fvalida.nombre.focus()
		return 0;
	}
	
	//Apellidos
	if (document.fvalida.apellidos.value.length==0){
		alert("Tiene que escribir sus apellidos")
		document.fvalida.apellidos.focus()
		return 0;
	}
	
		//NIF/DNI
	if (document.fvalida.dni.value.length==0){
		alert("Tiene que escribir su NIF/DNI")
		document.fvalida.dni.focus()
		return 0;
	}
	
		//EMAIL
	if (document.fvalida.mail.value.length==0){
		alert("Tiene que escribir su email")
		document.email.nombre.focus()
		return 0;
	}
	
		//TELÉFONO
	if (document.fvalida.telefono.value.length==0){
		alert("Tiene que escribir su teléfono")
		document.fvalida.telefono.focus()
		return 0;
	}
	
		//DIRECCIÓN
	if (document.fvalida.direccion.value.length==0){
		alert("Tiene que escribir su dirección")
		document.fvalida.direccion.focus()
		return 0;
	}
	
			//CONDICIONES
	if (document.fvalida.condiciones.checked==false){
		alert("Tiene que aceptar las condiciones.")
		document.fvalida.condiciones.focus()
		return 0;
	}

	//el formulario se envia
	alert("Todo correcto.");
	document.fvalida.submit();
}
</script>
</head>

<body>
<form name="fvalida" method="post" action="enviar.php">
  <p>
    <label for="nombre">Nombre</label>
    <input type="text" name="nombre" id="nombre">
    <br>
    <label for="apellidos">Apellidos</label>
    <input type="text" name="apellidos" id="apellidos">
    <br>
    <label for="dni">NIF/DNI</label>
    <input type="text" name="dni" id="dni">
    <br>
    <label for="mail">Email</label>
    <input type="text" name="mail" id="mail">
    <br>
    <label for="telefono">Teléfono</label>
    <input type="text" name="telefono" id="telefono">
    <br>
    <label for="direccion">Dirección</label>
    <input type="text" name="direccion" id="direccion">
    <br><label for="condiciones">Acepta las <a href="pagina_condiciones.html">condiciones</a> y blah blah</label><input type="checkbox" name="condiciones" />
  </p>
  <p>
    <input type="button" value="Enviar" onclick="valida_envia()" >
  </p>
</form>

Es justo lo que quería. Agradezco mucho vuestro apoyo!

IsaBelM · #10 (**permalink**) 28/03/2012, 05:52

no es la manera correcta de validar y enviar un formulario del lado del cliente. tal y como lo tienes, el envió del formulario está supeditado a que javascript esté activado. lo cual es una pésima idea. en lugar de usa un input button, usa un input submit. de tal modo que quedaría algo así

Cita:

por otro lado, la validación de los controles

Cita:

srwik · #11 (**permalink**) 29/03/2012, 04:07

Voy a probar a ver que tal. Te lo agradezco

¿Me recomiendan filtrar variables para evitar inyecciones?

Saludos

IsaBelM · #12 (**permalink**) 29/03/2012, 05:33

Cita:

Iniciado por srwik

Voy a probar a ver que tal. Te lo agradezco

¿Me recomiendan filtrar variables para evitar inyecciones?

Saludos

siempre, pero eso es del lado del servidor