0

私はstackoverflowにかなり慣れていないので、覚えておいてください。

私の下にあるこのコードは、連絡先フォームのバリデーターです。

ユーザーがメール メッセージを送信したら、Web ページの矢印を削除/非表示にしたいと考えています。

矢印には次のクラスがあります: scroll-arrow

ジャバスクリプト:

$(function() {
// Validate the contact form
$('#contactform').validate({
    // Specify what the errors should look like
    // when they are dynamically added to the form
    errorElement: "label",
    wrapper: "td",
    errorPlacement: function(error, element) {
        error.insertBefore( element.parent().parent() );
        error.wrap("<tr class='error'></tr>");
        $("<td></td>").insertBefore(error);
    },

    // Add requirements to each of the fields
    rules: {
        name: {
            required: true,
            minlength: 2
        },
        email: {
            required: true,
            email: true
        },
        subject: {
            required: false,
            minlength: 2
        },
        message: {
            required: true,
            minlength: 10
        }
    },

    // Specify what error messages to display
    // when the user does something horrid
    messages: {
        name: {
            required: "Vul uw naam in",
            minlength: jQuery.format("Minstens {0} karakters vereist")
        },
        email: {
            required: "Vul uw e-mail in",
            email: "Vul een geldig e-mail adres in"
        },
        subject: {
            required: "Vul uw onderwerp in",
            minlength: jQuery.format("Minstens {0} karakters vereist")
        },
        message: {
            required: "Vul uw bericht in",
            minlength: jQuery.format("Minstens {0} karakters vereist")
        }
    },

    // Use Ajax to send everything to processForm.php
    submitHandler: function(form) {
        $("#send").attr("value", "Verzenden...");
        $(form).ajaxSubmit({
            target: "#response",
            success: function(responseText, statusText, xhr, $form) {
                $(form).slideUp("fast");
                $("#response").html(responseText).hide().slideDown("fast");
                $("#response").addClass("succes");
            }
        });
        return false;
    }
});
});

HTML:

下のブローミーは矢印です。ユーザーがコンタクトフォームを送信した後、この矢印/クラス「スクロール矢印」を削除したい

<div id='contactBackground'>
            <div class='container_24'>
                 <a class="scroll-arrow" href="#contactform"></a>
            </div>
        </div><!-- einde main_content -->

これはお問い合わせフォームです：

        <div id="contact_page">
            <div id="gray_area">
                <div class="container_24">
                    <h1 class="grid_24">Contact</h1>
                    <h3 class="grid_12">U krijgt zo snel mogelijk een bericht terug </h3>
                </div>
            </div>
            <div class="container_24">
                <form id="contactform" action="processForm.php" method="post">
                    <table>
                        <tr>
                            <td><label for="name"></label></td>
                            <td><input placeholder="Naam" type="text" id="name" name="name" /></td>
                        </tr>
                        <tr>
                            <td><label for="email"></label></td>
                            <td><input placeholder="Email" type="text" id="email" name="email" /></td>
                        </tr>
                        <tr>
                            <td><label for="subject"></label></td>
                            <td><input placeholder="Onderwerp" type="text" id="subject" name="subject" /></td>
                        </tr>
                        <tr>
                            <td><label for="message"></label></td>
                            <td><textarea placeholder="Bericht" id="message" name="message"></textarea></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="submit" value="Verzenden" id="send" class="ease_in_100" /></td>
                        </tr>
                    </table>
                </form>
                <div id="response"></div>
            </div>
        </div>

皆さんが私を理解してくれることを願っています。そうでない場合は、恐れずに教えてください / 尋ねてください。

私たちが話しているウェブページ: [1]: http://nathanaelbaaij.nl/contact.php

前もって感謝します！

4

1 に答える 1

0

sucess関数内に$("a.scroll-arrow").hide()を追加できます。

success: function(responseText, statusText, xhr, $form) {
            $(form).slideUp("fast");
            $("#response").html(responseText).hide().slideDown("fast");
            $("#response").addClass("succes");
            $("a.scroll-arrow").hide(); //new line
        }
于 2013-10-15T18:51:17.997 に答える