Problema Validacion JS La razon de este mensaje es porque tengo mi Web CSS, e hice un formulario de contacto con una validación Javascript, pero lo que me esta sucediendo es que no se valida, se envía directamente.
Aquí les dejo el código para que lo vean.
Formulario en mi web PHP
Código PHP:
<!-- Formulario de contacto -->
<form id="contact-form" action="contacto.php" method="post" onsubmit="return validar(this);" enctype="multipart/form-data">
<fieldset>
<label><span class="text-form">Name:</span><input id="name" name="name" type="text" /></label>
<label><span class="text-form">Email:</span><input id="email" name="email" type="text" /></label>
<label><span class="text-form">Subject:</span><input id="subject" name="subject" type="text" /></label>
<div class="wrapper"><div class="text-form">Message:</div><textarea class="contact textarea" rows="8" cols="50" name="message" id="message"></textarea>
</div>
<div class="buttons">
<a class="button-2" href="#" onClick="document.getElementById('contact-form').reset()">Clear</a>
<a class="button-2" href="#" onClick="document.getElementById('contact-form').submit()">Send</a>
</fieldset>
</form>
<!-- Fin Formulario de contacto -->
Contacto.php
Código PHP:
<?php
//Importamos las variables del formulario
foreach($_POST as $k => $v) {
if(isset(${$k})) unset(${$k});
if(in_array($k, array('name','email','subject','message')))
${$k} = @get_magic_quotes_gpc() ? $v : @addslashes($v);
}
//Preparamos el mensaje de contacto
$cabeceras = "From: $email\n" //La persona que envia el correo
. "Reply-To: $email\n";
$asunto = "$subject"; // Asunto introducido por el que envia
$email_to = "***"; // Mi Email
$contenido = "$name le ha enviado el siguiente mensaje:\n"
. "\n"
. "$message\n"
. "\n";
//Enviamos el mensaje y comprobamos el resultado
if(@mail($email_to, $asunto ,$contenido ,$cabeceras )) {
//Si el mensaje se envia muestra una confirmacion
die("Thank you, your message has been sent successfully. Please be patient, we answer you quickly.");
}else{
//Si el mensaje no se envia muestra el mensaje de error
die("Error: Your message cannot be sent. Try later and sorry for the inconvenience.");
}
?> Validar.js
Código PHP:
//Funcion que verifica campos del formulario vacios
function Validar(f) {
if(f.name.value=="") {
alert("Please write your full name");
f.name.focus();
return false;
}
if(f.email.value=="") {
alert("Please write your email");
f.email.focus();
return false;
}
if(f.subject.value=="") {
alert("Please write the subject of your message");
f.subject.focus();
return false;
}
if(f.message.value=="") {
alert("Please write your message");
f.message.focus();
return false;
}
}
Por ultimo aclaro que entre las etiquetas <head> no olvide colocar la siguiente linea.
Código PHP:
<!-- Archivo de validación-->
<script type="text/javascript" src="validar.js"></script>
<!-- Fin Archivo de validación -->
