2

重複の可能性:
フォームのすべてのフィールドをクリアするjQuery/Javascript関数

送信後にフォームをクリアする必要がありますが、これまでに見た方法はどれもうまくいきません。購入したスクリプトを使用していますが、作成者が私の要求に応答していません。私はこれでJSファイルを持っています:

$('#contact_form').submit(function () {
        $.ajax({
            type: 'POST',
            url: 'contact.php',
            data: {
                name: $('#contact_form input#name').val(),
                email: $("#contact_form input#email").val(),
                text: $("#contact_form textarea").val()
            },
            success: function(data) {
                if ( data == 'sent' ) {
                    $('#contact_form .status').html('Thanks');
                } else if ( data == 'invalid' ) {
                    $('#contact_form .status').html('Invalid.');
                } else {
                    $('#contact_form .status').html('Can't send message.');                 
                }
            },
            error: function () {
                $('#contact_form .status').html('Can't send message.');
            }
        });
        return false;
    });


}
4

2 に答える 2

8

基本以外のことdocument.getElementById("contact_form").reset()ですか?

于 2012-07-26T20:09:45.927 に答える
0
$('#contact_form').submit(function () {
    $.ajax({
        type: 'POST',
        url: 'contact.php',
        data: $('#contact_form').serialize(),
        success: function(data) {
            if ( data == 'sent' ) {
                $('#contact_form .status').html('Thanks');
            } else if ( data == 'invalid' ) {
                $('#contact_form .status').html('Invalid.');
            } else {
                $('#contact_form .status').html("Can't send message.");
            }
            $('#contact_form').trigger("reset");
        },
        error: function () {
            $('#contact_form .status').html("Can't send message!");
        }
    });
    return false;
});
于 2012-07-26T20:30:41.140 に答える