Quantcast
Channel: Tópicos
Viewing all articles
Browse latest Browse all 14700

Formulário de contacto

$
0
0
Eu preciso de uma pequena ajuda, então é o seguinte, como podem ver, neste website, tenho este formulário de contacto:

www.malheiro-ovar.com/index.html#contacto

O código é o seguinte:

Código (HTML):
<form id="contact" action="contact.php" method="get" />
                                        <div class="row-fluid">
                                                <p class="span12">
                                                        <label for="name" class="second-color">
                                                                Nome</label>
                                                        <input type="text" id="name" name="name" class="required second-color span12" maxlength="25" />
                                                </p>
                                        </div>
                                        <div class="row-fluid">
                                                <p class="span12">
                                                        <label for="email" class="second-color">
                                                                E-mail</label>
                                                        <input type="text" id="email" name="email" class="required second-color email span12" maxlength="25" />
                                                </p>
                                        </div>
                                        <div class="row-fluid">
                                                <p class="span12 multi">
                                                        <label for="comment" class="second-color">
                                                                Mensagem</label>
                                                        <textarea id="comment" name="comment" class="required second-color span12"></textarea>
                                                </p>
                                        </div>
                                        <a href="javascript:;" class="btn medium color1 hidden-tablet hidden-phone">ENVIAR MENSAGEM</a>
                                        <a href="javascript:;" class="btn small color1 visible-tablet visible-phone">ENVIAR MENSAGEM</a>
                                        <div id="loadingForm">
                                                <img src="assets/images/loading.gif" alt="loading" />
                                        </div>
                                        </form>

E depois num ficheiro javascript, tenho o seguinte:

Código (Javascript):
        /*post operation for contact page*/
        $("#contact a").click(function () {
                $('#contact #loadingForm').fadeIn('slow');

                /*function which validates input with required class in contact page */
                var myform = $("#contact").validate({
                        email: true,
                        errorPlacement: function (error, element) {
                                error.appendTo();
                        }
                }).form();

                /*myform returns true if form is valid.*/
                if (myform) {
                        var action = $("#contact").attr('action');
                        $.post(action, {
                                name: $('#name').val(),
                                email: $('#email').val(),
                                message: $('#message').val()
                        },
function (data) {
   d = data;
   $('.response').remove();

   if (data == 'Message sent!') {
           $('#contact a').attr('disabled', '');
           $('#contact').append('<span class="success"></p>');
   }
   else {
           $('#contact').append('<span class="response"></span>');
   }
});
                }
                $('#contact #loadingForm').fadeOut('slow');
                return false;
        });

Alguém me pode dizer o que preciso de fazer para o formulário funcionar? O que queria era que a página não fizesse reload, pois o site tem musica de fundo, e funciona todo por ajax.

Viewing all articles
Browse latest Browse all 14700