Validación de Formulario en php y Css

Detalles: Por zamora; En Programación; Visto: 2462

Bueno hoy realizaré validaciones en php el cual nos mostrara un mensaje si algún campo no esta lleno espero y les sirva....

Primero crearemos una carpeta llamada ValidacionForm, dentro de ella colocaremos dos carpetas una llamadas Css y Otra Validaphp, bueno en la carpeta Css agregaremos los estilos los cuales son :

La guardas con el nombre Estilos.css y la colocas dentro de la carpeta Css

/*Estilo De Tabla*/
 .punteado
 {
   box-shadow: white 4px 4px 4px;
   border-style: dotted;
   border-width: 1px;
   border-color: 660033;
   background-color: #FF9966;
   font-family: verdana, arial;
   font-size: 10pt;
   border-radius :1em;
      -webkit-border-radius:1em;
      -moz-border-radius:1em;
    box-sahdow :5px 5px 5px rgba(2, 2, 2, .8);
      -wedkit-box-shadow:3px 3px 3px rgba(2, 2, 2, .8);
}
.punteado:hover
{
  box-shadow: 0px 0px 20px #fefefe;
}
/*Estilo De Fieldset*/
.fieldset
{
  width: 40%;
  font: cursive Vijaya;
  color: #FFFFFF;
  background: #444444;

}
/*stilo Div q Contiene El Mensaje de alerta*/
div
{
  color: #FF0000;
}
/*Estilo Fondo de los TextBox*/
.text
{
  background: #FF9933;
  color:#fefefe;
}

==================================================================================

Este archivo lo guardas como Form.php y lo colocas dentro de la Carpeta ValidacionForm

<html xmlns="http://www.w3.org/1999/xhtml">

 <head> <title>Validacion De Formularios En PHP Por Carlos Zamora</title>
<!--Llamado del Archivo Validaphp.php el cual contiene las validacione Guardado dentro de la carpeta Vphp. -->
 <?php include("VPhp/Validaphp.php"); ?>
<!--Llamado del archivo Estilos.css el cual contiene todos los estilos del formulario el cual esta guardado dentro de la carpeta Css-->
 <link rel="stylesheet" type="text/css" href="/Css/Estilos.css" />
 </head>
 <body>
 <center>
 <div id="formulario">
 <form action="Form.php" method="post" >
 <fieldset class="fieldset">
 <center>
 <table class="punteado">

 <tr><td>Nombre: </td><td><input name="nombre" class="text" size="40" type="text" value="<? echo @$Nombre?>" /><div><?php echo @$msgNombre; ?></div></td></tr>
 <tr><td>Apellido: </td><td><input name="apellido" class="text" size="40" type="text" value="<? echo @$Apellido?>" /><div><?php echo @$msgApellido; ?></td></tr>
 <tr><td>Lenguaje Preferido:</td>
 <td>
 <?php
     $Lenguaje=array("Seleccione Lenguaje","CSharp","C++","PHP");
  ?>
  <select name="lenguaje" class="text">
 <?php
 for ($i=0; $i<sizeof($Lenguaje); $i++)
 {
 ?>
 <option value="<?php echo $Lenguaje[$i];?>"><?php echo $Lenguaje[$i]; ?></option>
 <?php
 }
 ?>

 </select><div><?php echo @$msgLenguaje; ?>
 </td></tr>
 <tr><td>Por Que <br> Te Gusta: </td><td><textarea class="text" cols="40" rows="6" name="mensaje"></textarea><div><?php echo @$msgMensaje; ?></td></tr>
 <tr><td colspan="2"><input name="enviar" type="submit" value="Enviar" name="send" /> </td></tr>

  </table>
  </center>
  </fieldset>
  </form>
  </div>
  </center>
  </body>
  </html>

============================================================================

Código de validación el cual lo guardas como Validaphp.php dentro de la carpeta Vphp

<?php


if($_POST)
{

//declaracion de variables
//donde la variable $Nombre captura lo q tendra el texbox nombre al momento de dar clic al boton;
//lo cual solo nos funciona para decir q lo q tenga el textbox 'nombre' el pasara a ser evaluado por medio de la varible ya deeclarara
$Nombre= $_POST["nombre"];
$Apellido= $_POST["apellido"];
$Lenguaje= $_POST["lenguaje"];
$Mensaje= $_POST["mensaje"];


//variable de validacion
//Si Nombre es = a vasio entonces se activara un la varible msgNombre y nos mostrara el mensaje.
//pero si ingresamos numero entoces pasara al else if y como podes ver esta validado para q no acepte valores numerico entonce
//nuevamente se activara la variable $msgNombre y nos mostrara el mensaje.
//Esta validacion es igual para el textbox apellido.
//para el select ya es diferente y la validacion esta realixzada para cuando le das enviar al boton el mostrara ewl mensaje.
if($Nombre=="")
   {
     $msgNombre="Ingrese Nombre";
   }
else if (@ereg('[^A-Z a-z]', @$Nombre) )
   {
     $msgNombre="No Se Admiten Valores Numericos";
   }
else
   {
     $msgNombre="";
   }
if($Apellido=="")
   {
     $msgApellido="Ingrese apellido";
   }
else if (@ereg('[^A-Z a-z]', @$Apellido) )
   {
     $msgApellido="No Se Admiten Valores Numericos";
   }
else
   {
     $msgApellido="";
   }
if(@$Lenguaje==0)
{
 @$msgLenguaje="Seleccione Lenguaje Preferido";
}

if($Mensaje=="")
   {
     $msgMensaje="Ingrese Mensaje";
   }

 }
?>

Bueno ya teniendo todos los archivotos guardados y ordenados pasas a ver su funcionamiento ....................

ESPERO Y LES SIRVA........

Creado el 26 05 2012 Actualizado el 01 11 2012