[SOLUCIONADO] Formulario PHP - validación y envío

WARCRYSIS · #1 (**permalink**) 03/05/2013, 08:13

Hola amigos, quería saber si alguien me podría ayudar para que cuando el formulario se valide y sea correcto me redireccione a una página y si es incorrecto me dirija a otra.

Si alguien me puede ayudar con algún código y decirme donde lo pongo por favor:

Código HTML:

<link href="estilacho.css" rel="stylesheet" type="text/css">

 <!-- Mostar envio -->
 <script language="javascript" src="jquery-1.3.min.js"></script>
  <script language="javascript">
$(document).ready(function() {
    $().ajaxStart(function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });
    $('#form, #fat, #fo3').submit(function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                $('#result').html(data);

            }
        })
        
        return false;
    }); 
})  
</script>
  <!-- fin mostrar envio -->

_____________________

 <!-- Formulario -->
 <div id="formulario">
   
<form action="enviar_icreadev.php" method="post" id="fo3" name="fo3" >
<table width="350" height="488" border="0" align="left">
  <tr>
    <td width="342" height="12" align="left">APELLIDOS</td>
    <td width="1" colspan="2" rowspan="16">&nbsp;</td>
    </tr>
  <tr>
    <td height="12" align="left"><input type="text" name="apellidos" id="apellidos" class="ingresos" /></td>
    </tr>
  <tr>
    <td height="16" align="left">NOMBRE</td>
    </tr>
  <tr>
    <td height="16" align="left"><input type="text" name="nombre" id="nombre" class="ingresos" /></td>
    </tr>
  <tr>
    <td height="16" align="left">EMPRESA</td>
    </tr>
  <tr>
    <td height="16" align="left"><input type="text" name="empresa" id="empresa" class="ingresos" /></td>
    </tr>
  <tr>
    <td height="16" align="left">CORREO ELECTRÓNICO</td>
    </tr>
  <tr>
    <td height="16" align="left"><input type="text" name="email" id="email" class="ingresos" /></td>
    </tr>
  <tr>
    <td height="8" align="left">TELÉFONO FIJO</td>
    </tr>
  <tr>
    <td height="8" align="left"><input type="text" name="phone" id="phone" class="ingresos" /></td>
  </tr>
  <tr>
    <td height="18" align="left">TELÉFONO MÓVIL</td>
  </tr>
  <tr>
    <td height="18" align="left"><input type="text" name="movil" id="movil" class="ingresos" /></td>
  </tr>
  <tr>
    <td height="19" align="left">NOS HA CONOCIDO POR</td>
    </tr>
  <tr>
    <td height="42" align="left"><input type="text" name="meet" id="meet" class="ingresos" /></td>
  </tr>
  <tr>
    <td height="19" align="left">ASUNTO</td>
  </tr>
  <tr>
    <td height="43" align="left"><input type="text" name="asunto" id="asunto" class="ingresos" /></td>
  </tr>
  <tr>
    <td height="18" colspan="3" align="left">MENSAJE</td>
    </tr>
  <tr>
    <td height="101" colspan="3" align="left"><textarea name="mensaje" id="mensaje" cols="45" rows="5" class="mensaje"></textarea></td>
    </tr>
  <tr>
    <td height="34" colspan="3" align="left" valign="top"><p>
      <input name="enviar" type="submit" id="enviar" value=" ENVIAR" />
    </p></td>
    </tr>
  </table>
</form>
		<div id="result"></div>

 </div>
<!-- Fin formulario -->

Código PHP:

  <?php 
// Mensaje que se enviara a tu correo 
$mensaje=""; 
  
$mensaje.="Formulario de Contacto:". "\n\n"; 
$mensaje.="Nombre: ".$_POST['nombre']."\n"; 
$mensaje.="Apellidos: ".$_POST['apellidos']."\n"; 
$mensaje.="Empresa: ".$_POST['empresa']."\n"; 
$mensaje.="Email: ".$_POST['email']."\n"; 
$mensaje.="Telefono: ".$_POST['phone']."\n"; 
$mensaje.="Movil: ".$_POST['movil']."\n"; 
$mensaje.="Nos ha conocido por: ".$_POST['meet']."\n"; 
$mensaje.="Asunto: ".$_POST['asunto']."\n"; 
$mensaje.="Mensaje: ".$_POST['mensaje']."\n"; 
// Aqui pon el correo donde llegaran los mensajes 
$to="[email protected]"; 
$subject= "".$_POST['asunto'].""; 
$from= "".$_POST['nombre']."";   
    $headers  = "From: $from"; 
     
// Vamos a verificar si funciono el envio 
if (@mail($to,$subject,$mensaje,$headers)) { 
    echo '<p align="center"><strong>Mensaje enviado correctamente, Gracias!</strong></p>'; 
} else { 
    echo '<p align="center"><strong>No se pudo enviar el mensaje</strong> '.@$_POST['fname'].'</p>'; 
} 
?>

Muchas gracias por vuestra atención :)

maycolalvarez · #2 (**permalink**) 03/05/2013, 09:20

estás usando AJAX, por lo que deberías devolver algún parámetro o la url y verificarlo en el onreadystatechange (success para jquery), allí redireccionarías con JS con window.location.

aunque de ser así, no tendría sentido usar ajax, envía el form normal y redirecciona desde PHP con header location

WARCRYSIS · #3 (**permalink**) 04/05/2013, 03:11

Cita:

Iniciado por maycolalvarez

estás usando AJAX, por lo que deberías devolver algún parámetro o la url y verificarlo en el onreadystatechange (success para jquery), allí redireccionarías con JS con window.location.

aunque de ser así, no tendría sentido usar ajax, envía el form normal y redirecciona desde PHP con header location

Lo siento, pero me podrías hacer un ejemplo con mi codigo o si tengo que escribir uno nuevo?? porque son novato en esto.

Gracias de antemano :)

alex1084 · #4 (**permalink**) 04/05/2013, 11:10

mas o menos seria como esto primero en el php debes modificar la parte donde validas el envio del correo

Código PHP:

Ver original// Vamos a verificar si funciono el envio 
if (@mail($to,$subject,$mensaje,$headers)) { 
    echo 1; 
} else { 
    echo 0; 
}

Luego en la parte del javascript tendrias que podificar estar parte

Código Javascript:

Ver original<script language="javascript">
$(document).ready(function() {
    $().ajaxStart(function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });
    $('#form, #fat, #fo3').submit(function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                if(($.trim(data)) == 1){
                    window.location="index.php";
                }else{
                    window.location="otro.php";
                }   
 
            }
        })
        
        return false;
    }); 
})  
</script>

Espero te sirva, mira la idea fundamental es esa posiblemente no funcione a la primera pero ahi nada mas es de perfecionar un poco

WARCRYSIS · #5 (**permalink**) 04/05/2013, 11:44

Cita:

Iniciado por alex1084

mas o menos seria como esto primero en el php debes modificar la parte donde validas el envio del correo

Código PHP:

Ver original// Vamos a verificar si funciono el envio 
if (@mail($to,$subject,$mensaje,$headers)) { 
    echo 1; 
} else { 
    echo 0; 
}

Luego en la parte del javascript tendrias que podificar estar parte

Código Javascript:

Ver original<script language="javascript">
$(document).ready(function() {
    $().ajaxStart(function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });
    $('#form, #fat, #fo3').submit(function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                if(($.trim(data)) == 1){
                    window.location="index.php";
                }else{
                    window.location="otro.php";
                }   
 
            }
        })
        
        return false;
    }); 
})  
</script>

Espero te sirva, mira la idea fundamental es esa posiblemente no funcione a la primera pero ahi nada mas es de perfecionar un poco

Muchísimas gracias Alex, me has ayudado mucho, funciona a la perfección :) . Te lo agradezco muchísimo...