Showing validation errors in the contact form

Question

Showing validation errors in the contact form

Navigation

#1 by (5 votes)

3

I have this contact form and would like you to see all validation errors when you have, for example, if you leave the name and email field unfilled, when submitting the return returned these two errors, in the current code only shows an error, even if I have others, I already looked for several codes on the internet and I could not solve this, can anyone help me?

style.css

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-size: 14px;
  background: #F7F7F7;
  color: #333;
}
.clear {
  clear: both;
}
.container {
  max-width: 700px;
  margin: 0 auto;
}
h1 {
  color: #333;
  text-align: center;
}
p {
  font-size: 16px;
  text-align: center;
}
.formulario {
  border: solid 1px #ccc;
  padding: 20px;
  border-radius: 5px;
  width: 100%;
  float: left;
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder {
  color: transparent;
}
/* FF 4-18 */

input:focus::-moz-placeholder {
  color: transparent;
}
/* FF 19+ */

input:focus:-ms-input-placeholder {
  color: transparent;
}
/* IE 10+ */

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
textarea:focus:-moz-placeholder {
  color: transparent;
}
/* FF 4-18 */

textarea:focus::-moz-placeholder {
  color: transparent;
}
/* FF 19+ */

textarea:focus:-ms-input-placeholder {
  color: transparent;
}
/* IE 10+ */

.nome,
.email,
.telefone,
.assunto {
  height: 50px;
  width: 100%;
  float: left;
  padding: 0px 10px;
  margin-bottom: 20px;
  font-size: 20px;
  border: solid 1px #ccc;
  border-radius: 3px;
  color: #777;
}
.email,
.assunto {
  float: right;
}
.formulario .mensagem {
  border: solid 1px #ccc;
  width: 100%;
  height: 150px;
  float: left;
  font-size: 16px;
  color: #777;
  margin-bottom: 20px;
  border-radius: 3px;
  padding: 10px;
}
.formulario .enviar {
  background: #58D68D;
  color: #fff;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  text-align: center;
  padding: 15px 0px;
  width: 100%;
  font-size: 18px;
  border-radius: 3px;
}
.formulario .enviar:hover {
  background: #2ECC71;
}

index.html

<div class="container">
  <form class="formulario" action="enviar.php" method="POST">
    <input class="nome" type="text" name="nome" placeholder="Nome" />
    <input class="email" type="text" name="email" placeholder="E-Mail" />
    <input class="telefone" type="text" name="telefone" placeholder="Telefone" />
    <input class="assunto" type="text" name="assunto" placeholder="Assunto" />
    <textarea class="mensagem" name="mensagem" placeholder="Digite sua mensagem"></textarea>
    <input class="enviar" name="enviar_email" type="submit" value="Enviar Dados" />
  </form>
  <div class="clear"></div>
</div>

send.php

require_once 'phpmailer/class.phpmailer.php';
require_once 'phpmailer/class.smtp.php';
if (isset($_POST['enviar_email'])):
$nome = strip_tags(trim($_POST['nome']));
$email = strip_tags(trim($_POST['email']));
$telefone = strip_tags(trim($_POST['telefone']));
$assunto = strip_tags(trim($_POST['assunto']));
$mensagem = strip_tags(trim($_POST['mensagem']));
$erro = array();
if (empty($nome)):
    $erro[] = "Digite seu nome";
elseif (empty($email)):
    $erro[] = "Digite um email";
elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)):
    $erro[] = "E-Mail invalido";
elseif (empty($telefone)):
    $erro[] = "Digite seu telefone";
elseif (empty($assunto)):
    $erro[] = "Digite um assunto";
elseif (empty($mensagem)):
    $erro[] = "Digite uma mensagem";
else:
    $Email = new PHPMailer();
    $Email->setLanguage('br');

    $host = '';
    $username = '';
    $senha = '';
    $porta = '';
    $secure = '';

    $receber_email = '[email protected]';
    $receber_nome = 'Sérgio Machado';

    $from = $username;
    $fromName = 'Sérgio';

    $Email->isSMTP();
    $Email->Host = $host;
    $Email->SMTPAuth = true;
    $Email->Username = $username;
    $Email->Password = $senha;
    $Email->Port = $porta;
    $Email->SMTPSecure = $secure;

    $Email->From = $from;
    $Email->FromName = $fromName;
    $Email->addReplyTo($email, $nome);
    $Email->addAddress($receber_email, $receber_nome);

    $Email->isHTML(true);
    $Email->CharSet = 'utf-8';
    $Email->WordWrap = 70;

    $Email->Subject = $assunto; //Assunto
    $Email->Body = $mensagem;

    $enviado = $Email->send();
    if ($enviado) {
        echo 'E-mail enviado com sucesso';
    } else {
        echo 'Error: ' . $Email->ErrorInfo;
    }
endif;
endif;

foreach ($erro as $err) {
if (!empty($err)):
    echo $err;
endif;
}
?>

php

asked by anonymous 21.06.2016 / 00:23

1 answer

how do I redirect a page by clicking on an option from a select by google chrome? How do you know when Brooks law applies?

score 5 · Accepted Answer

The problem is in the conditions, as they are wrapped in else if(... from the moment you enter a will no longer enter the next, even if it is true. Here's how:

$erro = array();
if (empty($nome)) {
    $erro[] = "Digite seu nome";
}
if (empty($email)){
    $erro[] = "Digite um email";
}
if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
    $erro[] = "E-Mail invalido";
}
if (empty($telefone)) {
    $erro[] = "Digite seu telefone";
}
if (empty($assunto)) {
    $erro[] = "Digite um assunto";
}
if (empty($mensagem)) {
    $erro[] = "Digite uma mensagem";
}
if(count($erro) < 1) {
    // Mandar email, está tudo bem, não há nada no array $erro
}
else {
    foreach ($erro as $err) {
        echo $err. '<br>';
    }
}

Another way to do it:

if (isset($_POST['enviar_email'])) {

    $required = array( // as keys têm de ser as mesmas do array $_POST
        'nome' => 'Digite seu nome',
        'telefone' => 'Digite seu telefone',
        'assunto' => 'Digite um assun',
        'mensagem' => 'Digite uma mensagem'
    );

    $erro = array();
    $inputs = array();
    foreach($required as $key => $err_msg) {
        if(empty($_POST[$key])) {
            $erro[] = $err_msg;
        }
        else {
            $inputs[$key] = strip_tags(trim($_POST[$key]));
        }
    }
    if(!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) { // isto só por si já verifica se o email está vazio, e se é valido (não vale a pena strip_tags, trim)
        $erro[] = "E-Mail invalido";
    }
    if(count($erro) > 0) {
        foreach ($erro as $err) {
            echo $err. '<br>';
        }
    }

    else {

        // envio de email, alterar estes campos:
        $Email->addReplyTo($_POST['email'], $inputs['nome']);
        $Email->Subject = $inputs['assunto'];
        $Email->Body = $inputs['mensagem'];
    }
}