Validar un formulario

[marinamarina]

Hola

Tengo un formulario y quisiera validar con php.

Este seria el formulario:

<form action="enviar.php" method="POST" id="formulario">
<p> <input name="nombre" type="text" id="nombre" placeholder="Nombre" /></p>
<p> <input name="email" type="email" id="email" placeholder="Email"/></p>
<p><input name="tema" type="text" id="tema" placeholder="Asunto"/></p>
<p><textarea name="consulta" id="consulta" placeholder="Mensaje"/></textarea></p>
<p><input name="Enviar" type="submit" class="enviar" id="Enviar" title="Enviar" value="Enviar" onClick="validar()"></p>
</form>

Valicacion javascript:

function validar(){
var vnom=document.getElementById("nombre").value
var vemail=document.getElementById("email").value
var vasunto=document.getElementById("asunto").value
if (vnom == ""){
alert("ERROR: introduce tu Nombre")
}else{
if (vemail == ""){
alert("ERROR: introduce tu Email")
}else{
if (vasunto == ""){
alert("ERROR: introduce el asunto")
}else{formulario.submit()
}
}
}
}


Y esto el php:

<?php
$nombre = $_POST['nombre'];
$email = $_POST['email'];
$tema = $_POST['tema'];
$consulta = $_POST['consulta'];

$header = 'From: ' . $email . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \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 .= "Mensaje: " . $_POST['consulta'] . " \r\n";


$para = '[email protected]';
$tema = 'Asunto del mail recibido'. $tema .


mail($para, $tema, utf8_decode($mensaje), $header);


echo "<META HTTP-EQUIV=\"Refresh\" CONTENT=\"0;URL=http://xxxxxxx.es\">";
?>

Lo de CONTENT: lo he puesto para que al pinchar en el boton "enviar" los campos aparezcan vacios de nuevo. seguro que hay otro metodo pero no tengo ni idea, estoy aprendiendo por mi cuenta muy poco a poco.

Agradeceria cualquier critica para mejorar, claro

Muchas gracias

marina

[pilucho]

Yo tengo una forma de validar los campos vacios al menos me resulta


esto en tu codigo php

Código PHP:

<?
function validar($form_vars, $action) {
    $vararray = explode(',',$form_vars);
    foreach ($vararray as $var)     {
    $var = trim($var); 
    if (!$action[$var]) return false; }
    return true; }
?>
 
 
<?
    if (!validar('nombre,email,tema,consulta', $_POST)) {
    echo "campos vacios, <a href='/'>Volver</a>";
    exit;   }       
    
?>
 

[pilucho]

Aqui tienes un ejemplo personalizas los nombres si gustas

funciones.js

Código PHP:

<script>
$(function() { 
    var emailreg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;   
    $(".boton").click(function(){  
        $(".error").fadeOut().remove();
        
        if ($(".nombre").val() == "") {  
            $(".nombre").focus().after('<span class="error">Ingrese su nombre</span>');  
            return false;  
        }  
        if ($(".email").val() == "" || !emailreg.test($(".email").val())) {
            $(".email").focus().after('<span class="error">Ingrese un email correcto</span>');  
            return false;  
        }  
        if ($(".asunto").val() == "") {  
            $(".asunto").focus().after('<span class="error">Ingrese un asunto</span>');  
            return false;  
        }  
        if ($(".mensaje").val() == "") {  
            $(".mensaje").focus().after('<span class="error">Ingrese un mensaje</span>');   
            return false;  
        }  
    });  
    $(".nombre, .asunto, .mensaje").bind('blur keyup', function(){  
        if ($(this).val() != "") {              
            $('.error').fadeOut();
            return false;  
        }  
    }); 
    $(".email").bind('blur keyup', function(){  
        if ($(".email").val() != "" && emailreg.test($(".email").val())) {  
            $('.error').fadeOut();  
            return false;  
        }  
    });
});
</script>
 

Formulario

Código PHP:

<?php
    if(isset($_POST['boton'])){
        if($_POST['nombre'] == ''){
            $errors[1] = '<span class="error">Ingrese su nombre</span>';
        }else if($_POST['email'] == '' or !preg_match("/^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/",$_POST['email'])){
            $errors[2] = '<span class="error">Ingrese un email correcto</span>';
        }else if($_POST['asunto'] == ''){
            $errors[3] = '<span class="error">Ingrese un asunto</span>';
        }else if($_POST['mensaje'] == ''){
            $errors[4] = '<span class="error">Ingrese un mensaje</span>';
        }else{
            $dest = "[email protected]"; //Email de destino
            $nombre = $_POST['nombre'];
            $email = $_POST['email'];
            $asunto = $_POST['asunto']; //Asunto
            $cuerpo = $_POST['mensaje']; //Cuerpo del mensaje
            //Cabeceras del correo
            $headers = "From: $nombre <$email>\r\n"; //Quien envia?
            $headers .= "X-Mailer: PHP5\n";
            $headers .= 'MIME-Version: 1.0' . "\n";
            $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; //
 
            if(mail($dest,$asunto,$cuerpo,$headers)){
                $result = '<div class="result_ok">Email enviado correctamente </div>';
                // si el envio fue exitoso reseteamos lo que el usuario escribio:
                $_POST['nombre'] = '';
                $_POST['email'] = '';
                $_POST['asunto'] = '';
                $_POST['mensaje'] = '';
            }else{
                $result = '<div class="result_fail">Hubo un error al enviar el mensaje </div>';
            }
        }
    }
?>
<html>
    <head>
        <title>Contacto</title>
        <link rel='stylesheet' href='estilos.css'>
        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script>
        <script src='funciones.js'></script>
    </head>
    <body>
        <form class='contacto' method='POST' action=''>
            <div><label>Tu Nombre:</label><input type='text' class='nombre' name='nombre' value='<?php if(isset($_POST['nombre'])){ echo $_POST['nombre']; } ?>'><?php if(isset($errors)){ echo $errors[1]; } ?></div>
            <div><label>Tu Email:</label><input type='text' class='email' name='email' value='<?php if(isset($_POST['email'])){ $_POST['email']; } ?>'><?php if(isset($errors)){ echo $errors[2]; } ?></div>
            <div><label>Asunto:</label><input type='text' class='asunto' name='asunto' value='<?php if(isset($_POST['asunto'])){ $_POST['asunto']; } ?>'><?php if(isset($errors)){ echo $errors[3]; } ?></div>
            <div><label>Mensaje:</label><textarea rows='6' class='mensaje' name='mensaje'><?php if(isset($_POST['mensaje'])){ $_POST['mensaje']; } ?></textarea><?php if(isset($errors)){ echo $errors[4]; } ?></div>
            <div><input type='submit' value='Envia Mensaje' class='boton' name='boton'></div>
            <?php if(isset($result)) { echo $result; } ?>
        </form>
    </body>
</html>
 

[marinamarina]

Gracias a los dos.
Probare los dos.
PILUCHO, una pregunta, ese codigo que me pones donde debo colocar? en el codigo php que tengo? al final?

seguro que es una pregunta tontisima, pero ya os digo que estoy aprendiendo.

Gracias

[pilucho]

En tu formulario PHP enviar.php

[marinamarina]

Genial y ya por ultimo, si quiero que el mensaje en vez de que me salga en otra pagina, si quisiera que el mensaje fuera un alert?

Iniciado por pilucho

En tu formulario PHP enviar.php

[pilucho]

Iniciado por marinamarina

Genial y ya por ultimo, si quiero que el mensaje en vez de que me salga en otra pagina, si quisiera que el mensaje fuera un alert?

Con el codigo que te puse, pues ahi obtines las alertas en la misma pagina, con la opcion de funciones.js, solo es adaptar el codigo con los campos que ya tienes.

[marinamarina]

Ok, lo pruebo ahora. ya te contare :)

mil gracias

Iniciado por pilucho

Con el codigo que te puse, pues ahi obtines las alertas en la misma pagina, con la opcion de funciones.js, solo es adaptar el codigo con los campos que ya tienes.

[marinamarina]

Pues nada, soy un desastre

[pilucho]

Iniciado por marinamarina

Pues nada, soy un desastre

Copiaste la validacion en tu php?

o probaste el otro codigo que te puse?

[marinamarina]

Si que lo copie el segundo que pusiste, todo y nada. Seguro que pongo algo mal