-
Conteúdo Similar
-
Por LucasFerraz
Segue o código de formulário de contato.
Estou usando ele nos seguintes sites caso queiram testar: aqui, aqui e aqui.
É rápido, simples e não consome muito processamento.
HTML
<form class="contact-field" method="POST" id="contact-form"> <h2 style="text-transform:none;">Entre em contato, responderemos o mais rápido possível</h2> <div class="col-md-12 col-sm-12 col-xs-12" style="padding-left:0"> <div class="single-input-field"> <input name="name" id="name" class="name" placeholder="Nome" type="text" required=""> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="single-input-field"> <input name="phone" id="phone" class="phone" placeholder="Telefone" type="text" required=""> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="single-input-field"> <input name="email" id="email" class="email" placeholder="E-mail" type="email" required=""> </div> </div> <div class="col-md-12 message-input"> <div class="single-input-field"> <textarea name="message" id="message" class="message" placeholder="Mensagem" required=""></textarea> </div> </div> <div style="display:inline-block"> <div class="alert alert-success" style="display:none;" role="alert">Contato enviado com sucesso! Responderemos o mais rápido possível.</div> <div class="alert alert-danger" style="display:none;" role="alert">Ocorreu um problema, tente novamente.</div> </div> <div class="single-input-fieldsbtn"> <input value="Enviar" type="submit"> </div> </form> JS
$("#contact-form").submit(function(e) { $(".alert-success").hide(), $(".alert-danger").hide(), e.preventDefault(), $.ajax({ type: "POST", url: "/resources/controllers/email/send.php", cache: !1, async: !0, data: $(this).serialize(), dataType: "json", success: function(e) { 1 == e ? ($(".alert-success").show(), $("#contact-form")[0].reset()) : $(".alert-danger").show() } }) }); O código PHP vocês podem usar esse aqui.
-
POWERED BY:
