Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, sou novo aqui no fórum e estou com um probleminha no meu formulário de contato, tenho 2 abas - Fale Conosco e Orçamento, ao preencher o formulário de Fale Conosco, consigo receber minha mensagem de notificação de que minha mensagem foi enviada, através de uma messageBox logo acima do formulário, já quando vou para a 2ª aba, preencho o formulário e clico em enviar, não acontece o mesmo com Fale Conosco, conforme imagens em anexo a página é redirecionada com o texto que a mensagem foi enviada com sucesso do meu arquivo mailer-orcamento.php, consequentemente o endereço URL também muda. Se algúem pudesse me ajudar, ficarei muito grato!
Código HTML e script externo AJAX:
<!-- Aba 1 Fale Conosco -->
<div class="tabs-content iconTabsContent" data-tabs-content="icon-tabs-1">
<div class="tabs-panel is-active" id="panel1b">
<div id="contact">
<div id="form-messages"></div>
<form data-abide novalidate id="contactForm" name="contactForm" action="<?php echo get_template_directory_uri(); ?>/include/mailer-contato.php" method="post">
<div class="row">
<div class="small-12 medium-6 columns">
<span class="input input--isao">
<input class="input__field input__field--isao input-group-field" type="text" id="input-38" name="formNome" placeholder="Seu nome *" required pattern="[a-zA-Z\s]">
<label class="input__label input__label--isao" for="input-1">
<span class="input__label-content input__label-content--isao"></span>
<small class="form-error">Ei! Você realmente preencheu o campo com seu nome? Tenta de novo!</small>
</label>
</span>
</div>
<div class="small-12 medium-3 columns">
<span class="input input--isao">
<input class="input__field input__field--isao input-group-field" type="text" id="input-38" name="formDDD" placeholder="DDD *" required>
<label class="input__label input__label--isao" for="input-2">
<span class="input__label-content input__label-content--isao"></span>
<small class="form-error">Obrigatório!</small>
</label>
</span>
</div>
<div class="row">
<div class="small-12 medium-2 columns">
<span class="input input--isao">
<input class="input__field input__field--isao input-group-field" type="text" id="input-38" name="formTel" placeholder="Telefone *" required>
<label class="input__label input__label--isao" for="input-3">
<span class="input__label-content input__label-content--isao"></span>
<small class="form-error">Obrigatório!</small>
</label>
</span>
</div>
</div>
</div>
<div class="row">
<div class="small-12 medium-6 columns">
<span class="input input--isao">
<input class="input__field input__field--isao input-group-field" type="email" id="input-39" name="formMail" placeholder="Seu endereço de e-mail *" required pattern="email">
<label class="input__label input__label--isao" for="input-4">
<span class="input__label-content input__label-content--isao"></span>
<small class="form-error">É importante saber o que você tem para nos falar!</small>
</label>
</span>
</div>
<div class="small-12 medium-6 columns">
<span class="input input--isao">
<input class="input__field input__field--isao input-group-field" type="url" id="input-41" name="formWebsite" placeholder="Seu website (opcional)" pattern="url">
<label class="input__label input__label--isao" for="input-6" for="formWebsite">
<span class="input__label-content input__label-content--isao" style="padding: 0.75em 0.15em;"></span>
<div class="input-group" style="width: 20%;"><span class="input-group-label">www</span></div>
</label>
</span>
</div>
<div class="small-12 medium-12 columns">
<span class="input input--isao">
<input class="input__field input__field--isao input-group-field" type="text" id="input-38" name="formAssunto" placeholder="Assunto *" required>
<label class="input__label input__label--isao" for="input-7">
<span class="input__label-content input__label-content--isao"></span>
<small class="form-error">Não queremos deixar que seu contato passe despercebido!</small>
</label>
</span>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<label for="formMessage">
<textarea id="formMessage" name="formMensagem" placeholder="Sua mensagem *" required style="height: 100px;"></textarea>
<small class="form-error">Essa é a parte importante!...não esquece!</small>
</label>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<button type="submit" name="formSubmit" id="formSubmit" class="button button--antiman button--text-thin button--text-upper button--size-s button--inverted-alt-contact button--border-thick float-right">Enviar Mensagem</button>
</div>
</div>
</form>
</div>
</div>
<!-- Aba 1 Fale Conosco fim -->
<!-- Aba 2 Orcamento -->
<div class="tabs-panel" id="panel2b">
<div id="contact">
<div id="form-messages"></div>
<form data-abide novalidate id="contactForm" name="contactForm" action="<?php echo get_template_directory_uri(); ?>/include/mailer-orcamento.php" method="post">
<div class="row">
<div class="small-12 medium-6 columns">
<span class="input input--isao">
<input class="input__field input__field--isao input-group-field" type="text" id="input-38" name="formNome" placeholder="Qual o seu nome? *" required pattern="[a-zA-Z\s]">
<label class="input__label input__label--isao" for="input-8">
<span class="input__label-content input__label-content--isao"></span>
<small class="form-error">Ei! Você realmente preencheu o campo com seu nome? Tenta de novo!</small>
</label>
</span>
</div>
<div class="small-12 medium-6 columns">
<span class="input input--isao">
<input class="input__field input__field--isao input-group-field" type="text" id="input-40" name="formEmpresa" placeholder="Sua Empresa / Organização *" required/>
<label class="input__label input__label--isao" for="input-12" for="formCompany">
<span class="input__label-content input__label-content--isao"></span>
<small class="form-error">Queremos o nome da sua empresa ou organização.</small>
</label>
</span>
</div>
</div>
<div class="row">
<div class="small-12 medium-6 columns">
<span class="input input--isao">
<input class="input__field input__field--isao input-group-field" type="email" id="input-39" name="formMail" placeholder="Seu endereço de e-mail *" required pattern="email">
<label class="input__label input__label--isao" for="input-11">
<span class="input__label-content input__label-content--isao"></span>
<small class="form-error">É importante saber o que você tem para nos falar!</small>
</label>
</span>
</div>
<div class="small-12 medium-2 columns">
<span class="input input--isao">
<input class="input__field input__field--isao input-group-field" type="text" id="input-38" name="formDDD" placeholder="DDD *" required>
<label class="input__label input__label--isao" for="input-2">
<span class="input__label-content input__label-content--isao"></span>
<small class="form-error">Obrigatório!</small>
</label>
</span>
</div>
<div class="row">
<div class="small-12 medium-4 columns">
<span class="input input--isao">
<input class="input__field input__field--isao input-group-field" type="text" id="input-38" name="formTel" placeholder="Telefone *" required>
<label class="input__label input__label--isao" for="input-3">
<span class="input__label-content input__label-content--isao"></span>
<small class="form-error">Obrigatório!</small>
</label>
</span>
</div>
</div>
<div class="marginBottom">
<div class="small-12 medium-12 columns">
<span class="">
<p style="font-size: 14px">O que podemos desenvolver para você?</p>
<input class="chkbox" type="checkbox" name="services[]" value="Website "><label class="" style="color: #000; vertical-align:top;">Website</label>
</span>
<span class="">
<input class="chkbox" type="checkbox" name="services[]" value=" Sistema Web "><label class="" style="color: #000; vertical-align:top;">Sistema Web
<small class="form-error">Selecione pelo menos uma opção!</small></label>
</span>
<span class="">
<input class="chkbox" type="checkbox" name="services[]" value=" Loja Virtual "><label class="" style="color: #000; vertical-align:top;">Loja Virtual</label>
</span>
<span class="">
<input class="chkbox" type="checkbox" name="services[]" value=" Landing Page "><label class="" style="color: #000; vertical-align:top;">Landing Page</label>
</span>
<span class="">
<input class="chkbox" type="checkbox" name="services[]" value=" Blog "><label class="" style="color: #000; vertical-align:top;">Blog</label>
</span>
<span class="">
<input class="chkbox" type="checkbox" name="services[]" value=" Logotipo "><label class="" style="color: #000; vertical-align:top;">Logotipo</label>
</span>
<div>
<span class="">
<input class="chkbox" type="checkbox" name="services[]" value=" Marketing e Conteúdo "><label class="" style="color: #000; vertical-align:top;">Marketing de Conteudo</label>
</span>
<span class="">
<input class="chkbox" type="checkbox" name="services[]" value=" Otimização de Sites "><label class="" style="color: #000; vertical-align:top;">Otimizacao de Sites</label>
</span>
<span class="">
<input class="chkbox" type="checkbox" name="services[]" value=" Gestão de Redes Sociais "><label class="" style="color: #000; vertical-align:top;">Gestao de Redes Sociais</label>
</span>
<span class="">
<input class="chkbox" type="checkbox" name="services[]" value=" Identidade Visual "><label class="" style="color: #000; vertical-align:top;">Identidade Visual</label>
</span>
<span class="">
<input class="chkbox" type="checkbox" name="services[]" value=" SEO "><label class="" style="color: #000; vertical-align:top;">SEO</label>
</span>
<div>
<span class="">
<input class="chkbox" type="checkbox" name="services[]" value=" Papelaria Corporativa "><label class="" style="color: #000; vertical-align:top;">Papelaria Corporativa</label>
</span>
</div>
</div>
</div>
</div>
<div>
</div>
</div>
<div class="row" style="margin-top: 30px;">
<div class="small-12 columns">
<label for="formMessage">
<textarea id="formMessage" name="formMensagemOrcamento" placeholder="Diga-nos sobre mais detalhes do seu projeto! *" required style="height: 100px;"></textarea>
<small class="form-error">Essa é a parte importante!...não esquece!</small>
</label>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<button type="submit" name="formSubmit" id="formSubmit" class="button button--antiman button--text-thin button--text-upper button--size-s button--inverted-alt-contact button--border-thick float-right">Enviar Mensagem</button>
</div>
</div>
</form>
</div>
</div>
<!-- Aba 2 fim -->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/ajax-form.js"></script>
Carregando comentários...