Formulario PHP - Validez de los campos

datcom · #1 (**permalink**) 10/05/2012, 11:50

Hola Hnos
Tengo un FormularioPHP muy sencillito y queria ver de alguna manera como hacer para que los usuarios, pòr Ej, donde dice Email el campo exiga un email verdadero y no una palabra comun como me pasa.

es posible? es muy complicado? gracias gente.

Formulario php

Código PHP:

  <?php 
//proceso del formulario 
// si existe "enviar"... 
if (isset ($_POST['enviar'])) { 
 
//recogemos las variables 
$nombre=$_POST['nombre']; 
$email=$_POST['email']; 
$email2=$_POST['email2']; 
$comentario=$_POST['comentario']; 
$fav_color= $_POST['fav_color']; 
$img='<img src="http://www.pagina.com/img/bannermail.jpg">'; 
 
 
//comprobamos si todos los campos fueron completados 
if ($nombre!='' && $email!='' && $email2!='' && $comentario!='' && $fav_color!='') { 
 
    $contenido = '<html><body>'; 
    $contenido .= ''.$img.''; 
    $contenido .= '<p>Enviado el '.  date("d M Y").'</p>'; 
    $contenido .= '<hr />'; 
    $contenido .= '<p>Nombre: <strong>'.$nombre.'</strong>'; 
    $contenido .= '<p>Email Destinatario: <strong>'.$email2.'</strong>'; 
    $contenido .= '<p>Comentario: <strong>'.$comentario.'</strong>'; 
    $contenido .= '<hr />'; 
    $contenido .= 'AVISO: Este e-mail esta dirigido únicamente al nombre del destinatario. Puede contener información privilegiada y confidencial. Si no es el destinatario, notifíquelo al remitente y destruya este correo electrónico. La copia no autorizada de cualquier información contenida en este e-mail a personas distintas de los destinatarios mencionados está estrictamente prohibido. Si usted ha recibido este e-mail por error, por favor, responda a [email protected] e indique todos los detalles necesarios.'; 
    $contenido .= '</body></html>'; 
     
   
 
// si todos los campos fueron completados enviamos el mail 
mail ("$email2", "Mensaje $fav_color - TITULO", $contenido, "From: TITULO\nContent-Type: text/html; charset=iso-8859-1\nContent-Transfer-Encoding: 8bit");  
$flag='ok'; 
$mensaje='<div id="ok">Mensaje enviado Correctamente</div>'; 
 
 }else{ 
//si no todos los campos fueron completados se frena el envio y avisamos al usuario     
$flag='err'; 
$mensaje='<div id="error">Todos Los Campos Son Requeridos</div>'; 
} 
} 
?>

Tabla FORM

Código PHP:

 
<div id="form"> 
         
<? echo $mensaje; /*mostramos el estado de envio del form */ ?> 
<? if ($flag!='ok') { ?> 
<form action="/php" method="post"> 
    <p>Nombre* <br /> 
    <input <? if (isset ($flag) && $_POST['nombre']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="nombre" value="<? echo $_POST['nombre'];?>" /></p> 
     
    <p>Email* <br /> 
    <input <? if (isset ($flag) && $_POST['email']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="email"  value="<? echo $_POST['email'];?>" /></p> 
     
    <p>Email Destinatario* <br /> 
    <input <? if (isset ($flag) && $_POST['email2']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="email2"  value="<? echo $_POST['email2'];?>" /></p> 
     
    <p>Modo de envio* <br /> 
    <div <?php if (isset ($flag) && $_POST['fav_color']=='') { echo 'class="error"';}?>>     
    <input type="radio" name="fav_color" value="Anónimo" <?php if($_POST['fav_color']=='Anónimo'){?>checked="checked"<?php }?>/>Anónimo<br/> 
    <input type="radio" name="fav_color" value="Público" <?php if($_POST['fav_color']=='Público'){?>checked="checked"<?php }?>/>Público<br/> 
    </div></p> 
         
    <p>Comentario* <br /> 
    <textarea <? if (isset ($flag) && $_POST['comentario']=='') { echo 'class="com-error"';} else {echo 'class="com"';} ?> name="comentario"><? echo $_POST['comentario'];?></textarea></p> 
    <p><input class="button small blue" type="submit" name="enviar" value="enviar" /></p> 
    </form> 
<? } ?> 
    </div> <!-- end form-->

maycolalvarez · #2 (**permalink**) 10/05/2012, 12:03

lo que no entiendo es porque tratándose de PHP lo publicas en javascript???

con expresiones regulares, tanto en PHP como en javascript puedes validar el patrón de un email válido, recuerda que la validación en javascript es opcional y que siempre debes de hacerla en el servidor, en tu caso PHP

datcom · #3 (**permalink**) 10/05/2012, 12:09

Perdon, lo publique aqui en Javas porque pense que era el codigo mas apropiado, no sabia.
pero bueno como seria eso que me decis

emprear · #4 (**permalink**) 10/05/2012, 12:29

Con javascript

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
/* script */
function validar(){
    
var emailReg = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var email_ingresado = document.getElementById('email').value;
 if(!emailReg.test(email_ingresado)) {
 alert('email no válido');
return false;
}
}
//]]>
</script>
</head>
<body>
<form action="x.html" method="post" onsubmit="return validar();">
<input type="text" id="email" name="email" />
<input type="submit" value="enviar" />
</form>
</body>
</html>

Con php

Código PHP:

Ver original$el_email = $_POST['email'];
 
$control_mail="/^[a-z0-9\._-]+@+[a-z0-9\._-]+\.+[a-z]{2,4}$/i"; //regExp
if(!preg_match($control_mail,$el_email)){
$mensaje_error .= "La <b>sintáxis de email</b> no es válida<br />\n";
exit();
}else{
// ejecuto la función mail()
}

Con javascript es opcional (simplemente para mejorar la usabilidad por parte del usuario), la que vale es la hecha con php

Saludos

datcom · #5 (**permalink**) 10/05/2012, 12:32

emprear lo voy a probar y te digo muchas gracias!!! =)

datcom · #6 (**permalink**) 11/05/2012, 07:57

Emprear lo eh probado y cuando pongo enviar me queda todo blanco .
sera mal puesto el codigo?

emprear · #7 (**permalink**) 11/05/2012, 08:19

El primer ejemplo funciona por si mismo, crea el archivo y probalo.
El segundo, es un fragmento de php que tendrás que adaptar a tu código, habría que revisar que lo hayas hecho correctmante.

Saludos

datcom · #8 (**permalink**) 11/05/2012, 10:04

tampoco me funciona. =(
se envia el formulario pr mas que en EMAIL coloque una letra sola

stramin · #9 (**permalink**) 11/05/2012, 10:13

Trata de darnos más pistas, en su comentario anterior emprear intento explicarte lo que puede estar fallando en ambos casos (JS o PHP), lo que es claramente una señal de que no sabe cual de las 2 usaste, puedes empezar diciéndonos cual usaste y seguir publicando el código que has adaptado, nadie aquí es adivino como para saber que estas haciendo mal...

Saludos!

datcom · #10 (**permalink**) 11/05/2012, 10:23

Bien, tienes razon pido disculpas,

este es como quedo mi codigo utilizando el PHP

Código PHP:

Ver original<?php
//proceso del formulario
// si existe "enviar"...
if (isset ($_POST['enviar'])) {
 
//recogemos las variables
$nombre=$_POST['nombre'];
$email=$_POST['email'];
$email2=$_POST['email2'];
$comentario=$_POST['comentario'];
$fav_color= $_POST['fav_color'];
$img='<img src="http://www.WEB.com/img/bannermail.jpg">';
$control_mail="/^[a-z0-9\._-]+@+[a-z0-9\._-]+\.+[a-z]{2,4}$/i"; //regExp
 
//comprobamos si todos los campos fueron completados
if ($nombre!='' && $email!='' && $email2!='' && $comentario!='' && $fav_color!='') {
 
 
 
    $contenido = '<html><body>';
    $contenido .= ''.$img.'';
    $contenido .= '<p>Enviado el '.  date("d M Y").'</p>';
    $contenido .= '<hr />';
    $contenido .= '<p>Nombre: <strong>'.$nombre.'</strong>';
    $contenido .= '<p>Email Destinatario: <strong>'.$email2.'</strong>';
    $contenido .= '<p>Comentario: <strong>'.$comentario.'</strong>';
    $contenido .= '<hr />';
        $contenido .= '</body></html>';
 
 
 }
 
 // codigo EMPREAR ******************************************* 
 
$control_mail="/^[a-z0-9\._-]+@+[a-z0-9\._-]+\.+[a-z]{2,4}$/i"; //regExp
if(!preg_match($control_mail,$email2)){
$mensaje_error .= "La <b>sintáxis de email</b> no es válida<br />\n";
exit();
}else{
 
// ejecuto la función mail()
 
 // codigo  EMPREAR ******************************************* 
 
 
// si todos los campos fueron completados enviamos el mail
mail ("$email2", "Mensaje $fav_color - TITULO", $contenido, "From: TITULO\nContent-Type: text/html; charset=iso-8859-1\nContent-Transfer-Encoding: 8bit"); 
$flag='ok';
$mensaje='<div id="ok">Mensaje enviado Correctamente</div>';
}
 
 
 }else{
//si no todos los campos fueron completados se frena el envio y avisamos al usuario 
$flag='err';
$mensaje='<div id="error">Todos Los Campos Son Requeridos</div>';
}
}
 
?>

emprear · #11 (**permalink**) 11/05/2012, 10:26

funciona de las dos maneras
http://foros.emprear.com/javascript/vemail2.html

Te dije que mi código era solo un fragmento, tenés que adaptarlo. reemplaza
$mensaje_error .= "La sintáxis de email no es válida \n";
x
echo "La sintáxis de email no es válida \n";
Saludos

datcom · #12 (**permalink**) 11/05/2012, 12:00

Te agradezco el soporte porque aun me falta mucho en php. Ahi con PHP salio bien como me corregiste pero el Javas no

puse el java entre el head y luego este es mi form

Código HTML:

Ver original<script type="text/javascript">
//<![CDATA[
/* script */
function validar(){
    
var emailReg = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var email_ingresado = document.getElementById('email').value;
 if(!emailReg.test(email_ingresado)) {
 alert('email no válido');
return false;
}
}
//]]>
</script>

Código PHP:

Ver original<form action="#" method="post" onsubmit="return validar();">
    <p>Nombre* <br />
    <input <? if (isset ($flag) && $_POST['nombre']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="nombre" value="<? echo $_POST['nombre'];?>" /></p>
    
    <p>Email* <br />
    <input <? if (isset ($flag) && $_POST['email']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="email"  value="<? echo $_POST['email'];?>" /></p>
    
    <p>Email Destinatario* <br />
    <input <? if (isset ($flag) && $_POST['email2']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="email2"  value="<? echo $_POST['email2'];?>" /></p>
    
    <p>Modo de envio* <br />
    <div <?php if (isset ($flag) && $_POST['fav_color']=='') { echo 'class="error"';}?>>    
    <input type="radio" name="fav_color" value="Anónimo" <?php if($_POST['fav_color']=='Anónimo'){?>checked="checked"<?php }?>/>Anónimo<br/>
    <input type="radio" name="fav_color" value="Público" <?php if($_POST['fav_color']=='Público'){?>checked="checked"<?php }?>/>Público<br/>
    </div></p>
        
    <p>Comentario* <br />
    <textarea <? if (isset ($flag) && $_POST['comentario']=='') { echo 'class="com-error"';} else {echo 'class="com"';} ?> name="comentario"><? echo $_POST['comentario'];?></textarea></p>
    <p><input class="button small blue" type="submit" name="enviar" value="enviar" /></p>
    </form>
<? } ?>
    </div> <!-- end form-->

emprear · #13 (**permalink**) 11/05/2012, 12:32

Posteá el html que genera tu php, y no el php en sí
Debe de haber algun error en el form genrado, si ves la demo comprobarás que funciona
SAludos

datcom · #14 (**permalink**) 11/05/2012, 12:41

No pero si lo vi y funciona barbaro, no dudo de eso, dudo de mi. Supongo que te referis a esto:
PD: la colge aca http://centrodeamor.host22.com/

Código PHP:

Ver original<?php
//proceso del formulario
// si existe "enviar"...
if (isset ($_POST['enviar'])) {
 
//recogemos las variables
$nombre=$_POST['nombre'];
$email=$_POST['email'];
$email2=$_POST['email2'];
$comentario=$_POST['comentario'];
$fav_color= $_POST['fav_color'];
$img='<img src="www.web.com/img/img.jpg">';
 
 
//comprobamos si todos los campos fueron completados
if ($nombre!='' && $email!='' && $email2!='' && $comentario!='' && $fav_color!='') {
 
  
$contenido = '<html><body>';
$contenido .= ''.$img.'';
$contenido .= '<p>Enviado el '.  date("d M Y").'</p>';
$contenido .= '<hr />';
$contenido .= '<p>Nombre: <strong>'.$nombre.'</strong>';
$contenido .= '<p>Email Remitente: <strong>'.$email.'</strong>';
$contenido .= '<p>Email Destinatario: <strong>'.$email2.'</strong>';
$contenido .= '<p>Modo de Envio: <strong>'.$fav_color.'</strong>';
$contenido .= '<p>Comentario: <strong>'.$comentario.'</strong>';
$contenido .= '<hr />';
 
$contenido .= '</body></html>';
 
 }
 
$control_mail="/^[a-z0-9\._-]+@+[a-z0-9\._-]+\.+[a-z]{2,4}$/i"; //regExp
if(!preg_match($control_mail,$email2,)){
echo "La <b>sintáxis de email</b> no es válida<br />\n";
exit();
}else{
// ejecuto la función mail()
 
 
// si todos los campos fueron completados enviamos el mail
mail ("$email2","Mensaje $fav_color - TITULO", $contenido, "From: TITULO2\nContent-Type: text/html; charset=iso-8859-1\nContent-Transfer-Encoding: 8bit"); 
 
$flag='ok';
$mensaje='<div id="ok">Mensaje enviado Correctamente</div>';
}
 }else{
//si no todos los campos fueron completados se frena el envio y avisamos al usuario 
$flag='err';
$mensaje='<div id="error">Todos Los Campos Son Requeridos</div>';
}
}
?>
 
<!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=utf-8" />
 
<title>TITLE</title>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="ancla.js"></script>
<link rel="stylesheet" type="text/css" href="demo.css" />
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
 
<script type="text/javascript">
//<![CDATA[
/* script */
function validar(){
    
var emailReg = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
var email_ingresado = document.getElementById('email').value;
 if(!emailReg.test(email_ingresado)) {
 alert('email no válido');
return false;
}
}
//]]>
</script>
 
 
<style>
    body {
        font: 12px Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}
        
    #form {
        border: 3px double #eaeaea;
          background-color: #fafafa;
          padding: 10px;
          width: 400px;
          margin: auto;}
 
    #form h2{
        font-size: 1.5em;
            margin: 0 0 1em 0;
            padding: 0 0 0.5em 0;}
 
 
        #form .campo {
            border: 1px solid #999;
            padding: 0.3em;
            font-size: 1.2em;}
 
        #form .error {
            border: 1px solid #F00;
            padding: 0.3em;
            font-size: 1.2em;}
 
        #form .com {
            border: 1px solid #999;
            padding: 0.3em;
            font-size: 1.2em;
            width:20em;
            height: 10em;
            font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}
 
        #form .com-error {
            border: 1px solid #F00;
            padding: 0.3em;
            font-size: 1.2em;
            width:20em;
            height: 10em;
            font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}
 
    #form .boton {
            border: 2px solid #999;
            padding: 0.3em;
            font-size: 1.2em;
            width: 4em;}
 
      #error {
          border: 1px dashed #F00;
          background-color: #FFF;
          padding: 5px;}
 
      #ok {
        border: 1px dashed #060;
        background-color:#FFF;
        padding: 5px;}
            
</style>
 
    </head>
    <body>
    
 
<div id="head">
</div>
 
 
<div id="introplace">Si algo no podes o no te animas a decirlo tenes dos opciones para hacerlo: 
<a href="#destinatario" class="button medium orange" >Destinatario</a> o 
<a href="#muro" class="button medium orange" >Muro</a></div>
 
<!-- FORMULARIO -->
 
<div id="formplace">
<h1 id="destinatario">Destinatario</h1>
<p class="titlex">Deci lo que quieras a un destinatario en forma anónima o permitiendo que vea tu e-mail en forma Pública</p>
 
<div id="form">
        
<? echo $mensaje; /*mostramos el estado de envio del form */ ?>
<? if ($flag!='ok') { ?>
    
    <form action="#" method="post" onsubmit="return validar();">
    <p>Nombre* <br />
    <input <? if (isset ($flag) && $_POST['nombre']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="nombre" value="<? echo $_POST['nombre'];?>" /></p>
    
    <p>Email* <br />
    <input <? if (isset ($flag) && $_POST['email']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="email"  value="<? echo $_POST['email'];?>" /></p>
    
    <p>Email Destinatario* <br />
    <input <? if (isset ($flag) && $_POST['email2']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="email2"  value="<? echo $_POST['email2'];?>" /></p>
    
    <p>Modo de envio* <br />
    <div <?php if (isset ($flag) && $_POST['fav_color']=='') { echo 'class="error"';}?>>    
    <input type="radio" name="fav_color" value="Anónimo" <?php if($_POST['fav_color']=='Anónimo'){?>checked="checked"<?php }?>/>Anónimo<br/>
    <input type="radio" name="fav_color" value="Público" <?php if($_POST['fav_color']=='Público'){?>checked="checked"<?php }?>/>Público<br/>
    </div></p>
        
    <p>Comentario* <br />
    <textarea <? if (isset ($flag) && $_POST['comentario']=='') { echo 'class="com-error"';} else {echo 'class="com"';} ?> name="comentario"><? echo $_POST['comentario'];?></textarea></p>
    <p><input class="button small blue" type="submit" name="enviar" value="enviar" /></p>
    </form>
<? } ?>
    </div> <!-- end form-->
    </div>
        
    
<!-- END FORMULARIO -->
 
 
 
    </body>
</html>

emprear · #15 (**permalink**) 11/05/2012, 12:51

http://centrodeamor.host22.com/
No carga

Saludos

datcom · #16 (**permalink**) 11/05/2012, 13:10

Cita:

Iniciado por emprear

http://centrodeamor.host22.com/
No carga

Saludos

Yo la veo pefectamente, de todos modos el html posteado no sirve?

datcom · #17 (**permalink**) 11/05/2012, 13:24

Emprear ya esta solucionado,
le agrege el id="email" al TD de el form. Era eso nomas.

De todos modos muchas gracias =)