Foros del Web - Ver Mensaje Individual - mi primer formulario php opiniones y como validar campos

publicityextrim · #6 (**permalink**) 10/09/2011, 10:54

Respondiendo como validar campos, estos los puedes realizar usando JavaScript o directamente en PHP.

Ejemplo con JavaScript

Código HTML:

Ver original<? 
 
    if ($_POST) {
    
        //cuerpo del formulario
        $cuerpo  = "Formulario enviado desde la web:\n"; 
        $cuerpo .= "Nombre: {$_POST['nombre']}\n"; 
        $cuerpo .= "Email: {$_POST['email']}\n"; 
        $cuerpo .= "Telefono: {$_POST['telefono']}";
 
        // nombre de quien envia
        $cabeza = "From: {$_POST['nombre']} <{$_POST['email']}>";
 
        //envio correo... 
        if (mail("[email protected]
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementById("__cf_email__");a=l.className;if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
", "Formulario recibido", $cuerpo, $cabeza)) {
        
            //Agradecimiento,
            echo "<p style='text-align: center;'><strong>Gracias por tu solicitud. En breve recibiras nuestras noticias.</strong><br /><br /><img src=images/ok.png></p>";
        
            //Paramos todo lo que hay apartir de aquí.
            exit;
            
        }
        
    }
 
?> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
    <head>
    
        <meta http-equiv="Content-Type" content="text/html; charset=latin1;">
        
        <script type="text/javascript">
            function validaform(){
                var nombre=document.getElementById('nombre').value;
                var email=document.getElementById('email').value;
                var telefono=document.getElementById('telefono').value;
                
                if(nombre==""||nombre.length<5){
                    alert('El campo nombre es invalido');
                    document.getElementById('nombre').focus();
                }
                if(email==""){
                    alert('El campo email es invalido');
                    document.getElementById('email').focus();
                }else{
                    if (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(email)){
                        alert('El campo email es invalido');
                        document.getElementById('email').focus();
                    }
                }
                if(telefono==""){
                    alert('El campo telefono es invalido');
                    document.getElementById('telefono').focus();
                }else{
                    if (!/^([0-9])*$/.test(telefono)){
                        alert('El campo telefono es invalido');
                        document.getElementById('telefono').focus();
                    }
                }
                document.getElementById('form').submit();
            }
        </script>
    
    </head>
    
    <body>
    
        <form id="form" method="POST">
        
            <label for="nombre"><strong>Nombre:</strong></label><br />
            <input type="text" name="nombre" id="nombre">
            
            <br /><br />
            
            <label for="email"><strong>Email:</strong></label><br />
            <input type="text" name="email" id="email">
            
            <br /><br />
            
            <label for="telefono"><strong>Teléfono:</strong></label><br />
            <input type="text" name="telefono" id="telefono">
            
            <br /><br />
 
            <input type="image" src="images/button.png" onclick="validaform()" alt="Solicitar más información ahora">
            
        </form>     
    
    </body>
    
</html>