Validar formularios con php


#codigo{background:#000;}

Validar formularios con php.

Hola amigos, en esta entrada como como crear mi web les va a enseñar como validar formularios con php para esto vamos a utilizar solo php y html, aunque muchos prefieren la validarlo con JavaScript lo cierto es que con php también se pueden validar sin necesidad de estar utilizando JavaScript, pero bueno para los gustos se hicieron los colores por eso también vamos a crear un tutorial de como validar formularios con javascript.

Que necesitamos para empezar a validar nuestro formularios?

Para este tutorial de validar formularios con php vamos a necesitar 2 páginas php una para enviar los datos del formulario y validarlo y otra que contendrá el código HTML del formulario a validar.

Lo primero que tenemos que crear es la estructura de nuestra página que es formulario.php la cual sería la siguiente, pongo el código y luego explico.
Formulario.php

Primera mente tenemos la cabecera de nuestra página formulario.php

<!DOCTYPE html>
<head>
<meta charset=”utf-8″ />
<title>Validar formularios con php</title>
</head>
Con esto le indicamos que estamos programando con HTML5 luego tenemos las etiquetas <style></style> en la cual ponemos unos estilos para nuestro formulario si quires saber mas sobre este tema entra a nuestro tutorial CSS3.
<style>
#valida{
    width:300px;
    text-align:right;
    padding:10px;  
    }
#input-text{
    margin:10px;
    width:200px;
    height:30px;
    border:solid 1px #F1F1F1;
    border-radius:5px;      
    }
#input-text:focus{
    box-shadow:0 0 5px #09F;
    }
#input-submit{
    margin:10px;
    width:100px;
    height:30px;
    color:#06F;
    background:F1F1F1;
    border-radius:5px;
    border:solid 1px #F2F2F2;          
    }
#input-submit:hover{
    background:orange;
    border:solid 1px #DADADA;
    color:#fff;
    }
</style>
Ya con los estilos de nuestro formulario creado entonces pasamos al cuerpo de nuestra página lo primero que creamos es un <H1></H1> justamente después del <body>
<body>
    <h1>validar formulario con php</h1>
Luego creamos una etiquetas <section></section> de HTML5 que si no sabes que es puedes entrar a nuestro curso de HTM5 y CSS3 o al curso de aprender html5 en 5 minutos.
Después de crear nuestro section creamos un article para dentro de este incluir nuestro formulario el código completo sería el siguiente.
<section>
            <article>
                <form action=”validar.php” method=”post”>
                        <div id=”valida”>
                        <?php
                        error_reporting (E_ALL ^ E_NOTICE);
                    if($_GET[‘error’]==’1′){
                echo ‘<font color=”#FF0000″>Campo nombre vacio</font><br/>’;
                }
?>
            Nombre:<input placeholder=”Escribe tu nombre” type=”text” name=”nombre” id=”input-text”/><br/>
                  <?php                    if($_GET[‘error’]==’2′){
                echo ‘<font color=”#FF0000″>Campo E-Mail vacio</font><br/>’;
        }?>
        E-Mail:<input placeholder=”Escribe tu correo” type=”email” name=”correo” id=”input-text”/><br/>
         <input type=”submit” value=”VALIDAR” id=”input-submit”/></div>
             </form>
        </article>
        </section>
</body>
</html>
Lo del código html lo paso por alto y paso a explicar el código php que ya tienes que estar familiarizado con el si no te sugerimos que visites nuestro tutorial de programar con php o aprender php fácil y rápido.
El código php en esta parte seria este.
<?php
error_reporting (E_ALL ^ E_NOTICE);
if($_GET[‘error’]==’1′){
echo ‘<font color=”#FF0000″>Campo nombre vacio</font><br/>’;
}
?>
Como no hemos declarado ninguna variable en nuestro formulario.php esto nos dará una noticia de error diciendo que nuestra variable no está definida para ello agregamos esta línea de código php que evita presentar todas esas noticias en php.
error_reporting (E_ALL ^ E_NOTICE);

Empezando a validar el formulario

Luego ponemos un bluque para comprobar la url que nos han enviado atreves de la variable $_GET y la comprobamos haber que dato nos devuelve, si nos devuelta el dato 1 entonces nos indica que pertenece al campo 1 o sea al nombre y si nos manda el dato 2 nos indica que pertenece al campo correo.

if($_GET[‘error’]==’1′){
echo ‘<font color=”#FF0000″>Campo nombre vacio</font><br/>’;
}
Entonces si el buque se cumple nos presenta el error y si no se cumple nuestro formulario se enviado correctamente para ello lo indicamos en el formulario validar.php
Entonces nuestro código completo de nuestra pagian formulario.php sería el siguiente
<!DOCTYPE html>
<head>
<meta charset=”utf-8″ />
<title>Validar formulario php</title>
</head>
<style>
#valida{
    width:300px;
    text-align:right;
    padding:10px;  
    }
#input-text{
    margin:10px;
    width:200px;
    height:30px;
    border:solid 1px #F1F1F1;
    border-radius:5px;      
    }
#input-text:focus{
    box-shadow:0 0 5px #09F;
    }
#input-submit{
    margin:10px;
    width:100px;
    height:30px;
    color:#06F;
    background:F1F1F1;
    border-radius:5px;
    border:solid 1px #F2F2F2;          
    }
#input-submit:hover{
    background:orange;
    border:solid 1px #DADADA;
    color:#fff;
    }
</style>
<body>
    <h1>validar formularios con php</h1>
        <section>
            <article>
                <form action=”validar.php” method=”post”>
                        <div id=”valida”>
                        <?php
                        error_reporting (E_ALL ^ E_NOTICE);
                    if($_GET[‘error’]==’1′){
                echo ‘<font color=”#FF0000″>Campo nombre vacio</font><br/>’;
                }?>
               Nombre:<input placeholder=”Escribe tu nombre” type=”text” name=”nombre” id=”input-text”/><br/>
                     <?php
                    if($_GET[‘error’]==’2′){
                echo ‘<font color=”#FF0000″>Campo E-Mail vacio</font><br/>’;
          }
                                ?>
             E-Mail:<input placeholder=”Escribe tu correo” type=”email” name=”correo” id=”input-text”/><br/>
           <input type=”submit” value=”VALIDAR” id=”input-submit”/></div>
                </form>
            </article>
         </section>
</body>
</html>
Ahora pasamos a crear el código php que va a validar nuestro formulario en este caso seria validar.php.
Nuestro código php seria el siguiente luego lo explico
validar.php
<?php
//recuperamos los datos que bienen por el campo nombre
$nombre=$_POST[‘nombre’];
if($nombre==”){ //si el campo esta en blanco mandamos el siguiente error
    header(‘Location: formulario.php?error=1’);
    }else{
//si el campo nombre es correcto entonces recuperamos el campo correo  
$correo=$_POST[‘correo’];
if($correo==”){
    header(‘Location: formulario.php?error=2’);
    }
    }
?>
Aquí lo primero que hacemos es recuperar los datos del formulario y almacenarlo en variables php en este caso en 2 variables $nombre y $correo luego pasamos a la validación.
$nombre=$_POST[‘nombre’];
$correo=$_POST[‘correo’];
Luego para validar estas dos variables creamos un condicional if o condicionar que si se cumple uno u otro nos devuelva por url la variable correspondiente.
if($nombre==”){ //si el campo está en blanco mandamos el siguiente error
    header(‘Location: formulario.php?error=1’);
    }else{
$correo=$_POST[‘correo’];
if($correo==”){
    header(‘Location: formulario.php?error=2’);
    }

Con esto termina la validación de nuestro formulario php será hasta la próxima entrada


Si el tutorial te parecio interesante dale a +1 o dejanos tu comentarios…
Temas relacionados 

Si el tutorial te parecio interesante dale a +1 o dejanos tu comentarios…

Comments

  1. By Anónimo

Deja un comentario

Tu dirección de correo electrónico no será publicada.