0

だから私は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>

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(),
            web: $('#web').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;
});

では、コンタクトの仕事はどうすればいいのでしょうか?テンプレートはajax上にあるため、ページをリロードするとバックグラウンドミュージックが停止するため、フォームはページをリロードできません。

contact.php ファイルを作成する必要がありますが、そうすると、ボタンをクリックしたときにページがリロードされますよね?

誰でもこれで私を助けることができますか?

4

1 に答える 1