Hola a todos, tengo un formulario FORM html con JS y PHP en una página web y funciona correctamente, siempre llegan los correos con los datos del formulario.
El problema es que cuando pongo enviar se me sale de la página web y me muestra el mensaje de "gracias sus datos fueron enviados correctamente"
Lo que quiero es que ese mensaje de "gracias ... " me salga ahi mismo con una alerta o notificación sin salisre de la página web ... Es posible ? Ojo no tengo muchos conocimientos en php.
FORMULARIO:
Código HTML:
<form action="prose-form.php" method="post" class="contact-form" onsubmit="return validar(this);">
<div class="formulario">
<div class="column">
<label for="nombre">Nombre <span>(requerido)</span></label>
<input type="text" name="nombre" class="form-input" onblur="revisar(this);"/>
<br>
<label for="email">Email <span>(requerido)</span></label>
<input type="email" name="email" class="form-input" onblur="revisar(this); revisaremail(this);"/>
<br>
<label for="empresa">Empresa <span></span></label>
<input type="text" name="empresa" class="form-input" />
<br>
<label for="ciudad">Ciudad <span>(requerido)</span></label>
<input type="text" name="ciudad" class="form-input" onblur="revisar(this);"/>
<br>
<label for="telefono">Teléfono <span>(requerido)</span></label>
<input type="text" name="telefono" class="form-input" onblur="revisar(this);"/>
<br>
<label for="ruc">Ruc <span>(requerido)</span></label>
<input type="text" name="ruc" class="form-input" onblur="revisar(this);"/>
<br>
</div>
<div class="column">
<label for="mensaje">Mensaje </label>
<textarea name="mensaje" class="form-input" ></textarea>
</div>
<input class="form-btn" type="submit" value="Enviar Mensaje"/>
</div>
</form> JS:
Código:
function revisar(elemento) {
if (elemento.value==""){
elemento.className='error';
} else {
elemento.className='form-input';
}
}
function revisaremail(elemento) {
if (elemento.value!=""){
var dato = elemento.value;
var expresion = /^([a-zA-Z0-9_.-])+@(([a-zA-z0-9-])+.)+([a-zA-Z0-9-]{2,4})+$/;
if (!expresion.test(dato)) {
elemento.className='error';
} else {
elemento.className='form-input';
}
}
}
function validar(form) {
if(form.nombre.value=="") { //Si este campo está vacío
alert('No has escrito tu nombre'); // Mensaje a mostrar
return false; //devolvemos un valor negativo
}
if(form.email.value=="") { //Si este campo está vacío
alert('No has escrito tu e-Mail'); // Mensaje a mostrar
return false; //devolvemos un valor negativo
}
if(form.telefono.value=="") { //Si este campo está vacío
alert('No has escrito tu telefono'); // Mensaje a mostrar
return false; //devolvemos un valor negativo
}
if(form.ciudad.value=="") { //Si este campo está vacío
alert('No has escrito tu ciudad'); // Mensaje a mostrar
return false; //devolvemos un valor negativo
}
if(form.ruc.value=="") { //Si este campo está vacío
alert('No has escrito tu ruc'); // Mensaje a mostrar
return false; //devolvemos un valor negativo
}
return true; // Si esta todo bien, devolvemos Ok, positivo
}
PHP:
Código PHP:
<?php
if(!empty($_POST['nombre']) AND !empty($_POST['email']) AND !empty($_POST['telefono']) AND !empty($_POST['ciudad']) AND !empty($_POST['ruc'])){
$to ="[email protected], [email protected]";
$headers = "Content-Type: text/html; charset=iso-8859-1\n";
$headers .= "From: [email protected]"."\r\n";
$user = "[email protected]";
$tema="Contacto desde el Sitio Web";
$mensaje="
<table border='0' cellspacing='2' cellpadding='2'>
<tr>
<td width='20%' align='center' bgcolor='#FFFFCC'><strong>Nombre:</strong></td>
<td width='80%' align='left'>$_POST[nombre]</td>
</tr>
<tr>
<td align='center' bgcolor='#FFFFCC'><strong>E-mail:</strong></td>
<td align='left'>$_POST[email]</td>
</tr>
<tr>
<td width='20%' align='center' bgcolor='#FFFFCC'><strong>Empresa:</strong></td>
<td width='80%' align='left'>$_POST[empresa]</td>
</tr>
<tr>
<td width='20%' align='center' bgcolor='#FFFFCC'><strong>Telefono:</strong></td>
<td width='80%' align='left'>$_POST[telefono]</td>
</tr>
<tr>
<td width='20%' align='center' bgcolor='#FFFFCC'><strong>Ciudad:</strong></td>
<td width='80%' align='left'>$_POST[ciudad]</td>
</tr>
<tr>
<td width='20%' align='center' bgcolor='#FFFFCC'><strong>Ruc:</strong></td>
<td width='80%' align='left'>$_POST[ruc]</td>
</tr>
<tr>
<td align='center' bgcolor='#FFFFCC'><strong>Comentario:</strong></td>
<td align='left'>$_POST[mensaje]</td>
</tr>
</table>
";
@mail($to,$tema,$mensaje,$headers,$user);
echo "Gracias por sus comentarios. Pronto nos comunicaremos con usted";
} else {
echo "No se puede enviar el formulario, verifica los campos";
}
?> Espero su pronta ayuda ... de antemano GRACIAS !