How do I display a message below my form without redirect? NOTE I do not use database

Asked

Viewed 46 times

-1

<?php
if(isset( $_POST['Nome']))      // Vai adicionar o elemento
$name = $_POST['Nome'];         // Vai enviar o elemento
if(isset( $_POST['E-mail']))     // Vai adicionar o elemento
$email = $_POST['E-mail'];       // Vai enviar o elemento
if(isset( $_POST['Telefone']))      // Vai adicionar o elemento
$fone = $_POST['Telefone'];         // Vai enviar o elemento
if(isset( $_POST['Mensagem']))   // Vai adicionar o elemento
$message = $_POST['Mensagem'];   // Vai enviar o elemento

$content="From: $name \n E-mail: $email \n Telefone: $fone \n Mensagem: $message"; // Vai fazer a leitura dos elementos dentro do conteúdo
$recipient = "[email protected]"; // Vai enviar para o remetente que se encontra dentro do $recipient
$mailheader = "From: $email \r\n"; // Vai declarar para onde vai ser feito o envio
mail($recipient, $subject, $content, $mailheader) or die("Falha ao fazer o envio dos dados, tente novamente mais tarde!"); // Vai setar erro se tiver erro
echo "<script>window.location='index.php#contact-form';alert('$name, sua mensagem foi enviada com sucesso! Estaremos retornando em breve');</script>";
?>
<section id="contact-form" class="single-items text-left item-five parallaxie full-screen">
      <div class="container">
         <div class="row">
            <div class="col-md-6">
               <form action="mail.php" method="POST" class="getin_form wow fadeInUp">
                  <div class="col-md-5 p-0">
                     <div class="col-md-12 col-sm-12 m-0 p-0">
                        <div class="form-group bottom45">
                           <input class="forma" name="Nome" type="name" placeholder="<?php echo $digitenome; ?>" required  alt="<?php echo $digitenome; ?>" title="<?php echo $digitenome; ?>" >
                        </div>
                     </div>
                     <div class="col-md-12 col-sm-12 m-0 p-0">
                        <div class="form-group bottom45">
                           <input class="forma" name="E-mail" type="email" placeholder="<?php echo $digiteemail; ?>" required alt="<?php echo $digiteemail; ?>" title="<?php echo $digiteemail; ?>">
                        </div>
                     </div>
                     <div class="col-md-12 col-sm-12 m-0 p-0">
                        <div class="form-group bottom45">
                           <input class="forma" name="Telefone" type="fone" placeholder="<?php echo $digitefone; ?>" alt="<?php echo $digitefone; ?>" title="<?php echo $digitefone; ?>">
                        </div>
                     </div>
                  </div>
                     <div class="col-md-7 p-0">
                        <div class="col-md-12 col-sm-12">
                           <div class="form-group bottom45">
                              <textarea type="message" class="forma" name="Mensagem" placeholder="<?php echo $digitemensagem; ?>" alt="<?php echo $digitemensagem; ?>" title="<?php echo $digitemensagem; ?>"></textarea>
                           </div>
                        </div>
                        <div class="col-sm-12 text-right m-0 p-0">
                           <button id="form_submit" class="button defaulthole2" alt="<?php echo $btnenviar; ?>" title="<?php echo $btnenviar; ?>"><i class="fas fa-paper-plane"></i></button>
                        </div>
                     </div>
                  <div class="alert-msg"> </div>
               </form>
            </div>
               <!-- aqui esta um espaço entre as colunas-->
               <div class="col-md-2">
                  <div class="swiper-slide">
                  </div>
               </div>
               <div class="row col-md-4 mobile-p">
                  <div class="swiper-slide">
                        <h2 class="bottom20 item-titles wow fadeInLeft ccdeep"><?php echo $contato; ?></h2>
                        <h3 class="bottom15"><a class="bottom20 item-titles text-center wow fadeInLeft ccdeep"  href="<?php echo $fone_link; ?>" alt="<?php echo $ligar; ?>" title="<?php echo $ligar; ?>"><?php echo $ccfone; ?></a></h3>
                        <h3><a class="bottom20 item-titles wow fadeInLeft ccdeep" href="mailto:<?php echo $contatoemail; ?>" alt="<?php echo $enviaremail; ?>" title="<?php echo $enviaremail; ?>"><?php echo $contatoemail; ?></a></h3>
                  </div>

                <a href="<?php echo $mensagemwhatsapp_link; ?>" target="_blank" class="button defaulthole mgr-10 mgb-10 top20"><i class="fab fa-whatsapp" aria-hidden="true"></i> <?php echo $mensagemwhatsapp; ?></a>
                <a href="<?php echo $mensagemfacebook_link; ?>" target="_blank" class="button defaulthole mgr-10 top10"><i class="fab fa-facebook-messenger" aria-hidden="true"></i> <?php echo $mensagemfacebook; ?></a>
               </div>
            </div>
      </div>
   </section>

javascript html css form

1 answer

0


Create an html element without any content inside the place where the message will be displayed. <div id="message"></div>

there in this javascript that you are running put document.getElementById("message").innerHTML = "A mensagem que vc quer exibir"

  • https://www.cupcode.com.br/index.php

  • Follow the link did not work in contact he plays for an HTTP ERROR 500 page

  • you replaced the echo "<script>window.location='index.php#contact-form';alert('$name, sua mensagem foi enviada com sucesso! Estaremos retornando em breve');</script>"; for echo "<script>document.getElementById("message").innerHTML = "A mensagem que vc quer exibir"</script>" ?

  • https://prnt.sc/qb9hzk

  • If you follow the link maybe I’ve done something wrong

  • Ahhh, now I understand what you want, had not seen that it was a form that pointed to another page. You will need ajax for this, try to learn from this example http://wbruno.com.br/ajax/enviar-formulario-para-php-refresh-jquery-ajax/

  • I’ll need to study a little ajax thanks for trying to help I’ll close here ok?

Show 2 more comments

Browser other questions tagged javascript html css form

You are not signed in. Login or sign up in order to post.