Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/07/2014, 14:21
Avatar de Juandavo
Juandavo
 
Fecha de Ingreso: octubre-2011
Ubicación: Quito
Mensajes: 85
Antigüedad: 12 años, 5 meses
Puntos: 0
Datos enviados de formulario mediante alerta

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 !
__________________
Juan David V.
Diseñador Multimedia