Form HTML5, PHP, CSS y cosicas raras.. Tengo un problema que me lleva arrastrando un par de días y ya me tiene un poco mosca..
Me he metido de lleno a "trapichear" el HTML5 y ahora mismo, estoy en plena lucha con lo siguiente:
Quiero hacer un formulario, tengo todo mas o menos conseguido, me explico:
Tengo todos los campos, con sus input y demáses.. quedaría tal que así:
Código HTML:
<form id="ContactForm" action="contactform.php" method="post"> <div> <div class="wrapper"> <span>*Nombre:</span> <input name="Nombre" type="text" required class="input" id="Nombre" maxlength="60"> </div> <div class="wrapper"> <span>Empresa:</span> <input name="Empresa" type="text" class="input" id="Empresa" maxlength="50"> </div> <div class="wrapper"> <span>*Motivo:</span> <input name="motivo" type="text" class="input" id="motivo" maxlength="50"> </div> <div class="wrapper"> <span>*Telefono</span> <input type="tel" id="geografico" name="geografico" placeholder="+34" size="3" value="+34" disabled> <input type="tel" id="telefono" name="telefono" size="6" maxlength=9 required pattern="[0-9]{6}" class="input" > </div> <div class="wrapper"> <span>E-mail</span> <input type="email" id="mail" name="mail" required class="input" > </div> <div class="textarea_box"> <span>Su mensaje:</span> <textarea id="consulta" name="consulta" cols="1" rows="1"></textarea> </div> <div id="aster"> * | Campos obligatorios <br> <input type="checkbox" name="condiciones" required id="condiciones"> <label for="condiciones">Acepto las condiciones*</label> </div> <a href="#" onClick="document.getElementById('ContactForm').submit()">Enviar</a> <a href="#" onClick="document.getElementById('ContactForm').reset()">Limpiar</a> </div> </form>
Código PHP:
<?php
//Correo de destino; donde se enviará el correo.
$correoDestino = "[email protected]";
//Variables.
$Nombre = $_POST['Nombre'];
$Empresa = $_POST['Empresa'];
$motivo = $_POST['motivo'];
$telefono = $_POST['telefono'];
$mail = $_POST['mail'];
$consulta = $_POST['consulta'];
$fecha = time ();
$fechaFormateada = date ("j/n/Y", $fecha);
//Formateo el asunto del correo
$asunto = "Contacto WEB_$Nombre; motivo";
//Cuerpo del email que se te enviará.
$cuerpo = "Enviado por: " . $Nombre . "\n, ".
$cuerpo .= "Empresa: " .$Empresa . "\n ";
$cuerpo .= "Motivo: " .$motivo . "\n ";
$cuerpo .= "Telefono de contacto:" .$telefono . "\n";
$cuerpo .= "E-mail: " .$mail . "\n";
$cuerpo .= "Comentario:" .$consulta . " \n ";
// Envío el mensaje
mail ( $correoDestino, $asunto, $cuerpo, $textoEmisor);
//lo otro
$mail_status = mail($mail_to);
?>
<script language="javascript" type="text/javascript">
alert('Gracias por enviar el mensaje. Nos pondremos en contacto lo antes posible.');
window.location = 'Contacta.html';
</script>
<?php Actualmente tengo el jquery: "jquery.html5form-1.5-min.js" con sus dos scripts:
Código HTML:
<script> $(document).ready(function(){ $('#ContactForm').html5form(); }); </script> <script> $('#myform').html5form({ allBrowsers: true }); </script>
Funciona, se pone en rojo el textbox en señal de que está mal.. pero al darle al boton enviar se envía igualmente.
Tanto el form como el archivo "contactform.php" me los he sacado de la manga leyendo por internet y haciendo copy&paste de lo que más o menos iba entendiendo..
He mirado en 20.000 webs, tanto en español como en inglés, pero no me consigo salir.. soy un poco torpe.. a ver si me podeis ayudar compañeros!!!
Muchas gracias de antemano.
