Este es el php "procesar.php":
Código PHP:
El script en HTLM:Ver original
<?php # Guardo en la variable los campos del form $nombre = $_POST['nombre']; $email = $_POST['email']; $url = $_POST['url']; $mensaje = $_POST['mensaje']; # Verifico que los campos se hallan completado if ($nombre == "" AND $email == "" AND $mensaje == "") { # Muestro mensaje de error echo 'Debe introducir los datos, Nombre, Mail y Mensaje'; } # Caso contrario, procedo a enviar el email else{ $header = 'From: ' . $email . " \r\n"; $header .= "Mime-Version: 1.0 \r\n"; $header .= "Content-Type: text/plain"; $mensaje = "Este mensaje fue enviado por " . $nombre . " \r\n"; $mensaje .= "Su e-mail es: " . $email . " \r\n"; $mensaje .= "url: " . $_POST['url'] . " \r\n"; $mensaje .= "mensaje: " . $_POST['mensaje'] . " \r\n"; $asunto = 'Contacto desde Pagina Web'; echo 'El mensaje fue enviado!'; } else { echo 'Error inesperado. El mensaje no se envio.'; } } ?>
Código HTML:
Y el body en HTML:Ver original
Código HTML:
Ver original
Código Javascript:
Y el CSS po si hace falta:Ver original
$.extend({ /* PARAMOS LA EJECUCIÓN*/ stop: function(e){ if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); }, /* PERSONALIZAMOS LA SALIDA POR PANTALLA */ alert: function(str) { alert(str); } }); $(document).ready(function(){ $("form.validable").bind("submit", function(e){ if (typeof filters == 'undefined') return; $(this).find("input, textarea, select").each(function(x,el){ if ($(el).attr("className") != 'undefined') { $(el).removeClass("error"); $.each(new String($(el).attr("className")).split(" "), function(x, klass){ if ($.isFunction(filters[klass])) if (!filters[klass](el)) $(el).addClass("error"); }); } }); if ($(this).find(".error").size() > 0) { $(this).stop(e || window.event); return false; } return true; }); });
Código CSS:
Por si quereis ver la web [URL="http://www.joselmerino.com"]http://www.joselmerino.com[/URL] Ver original
textarea{ border: 1px dashed #fff; width: 348px; height: 156px; background-color: #6E6E6E; color: #fff; } input{ color: #fff; border: 1px dashed #fff; padding-top: 6px; padding-bottom: 6px; width: 350px; background-color: #6E6E6E; } input.submit{ background: url(images/botton_submit.png) bottom left no-repeat; width: 88px; height: 39px; border: none; } input.error { background-color:#5B1818; } textarea.error { background-color:#5B1818; }