表格即使未提交也顯示感謝信息

Question

我是Javascript和Jquery的新手。 我有一個要提交的表格，提交時顯示“謝謝！”。 表格下方的消息。 我已經能夠將表單提交到我們的數據庫中並顯示“謝謝”消息。 唯一的問題是無論是否填寫這些字段，都會顯示“謝謝”消息。 我已經嘗試過Jquery的.show（）來顯示帶有感謝消息和replaceWith（）方法的隱藏div。 你能幫忙的話，我會很高興。 謝謝。

這是腳本：

<script type="text/javascript">
$(document).ready(function() {
    $("#My-Form").submit(function(event) {
        event.preventDefault();
        submitform();
    })

    $("#My-Form").validate({
        rules: {
            firstname: {
                required: true
            },
            lastname: {
                required: true
            },
            phone: {
                required: true
            },
            email: {
                required: true,
                email: true
            },
            address: {
                required: true
            },
            city: {
                required: true
            },
            state: {
                required: true
            },
            zip: {
                required: true,
                number: true
            }
        },
    });
});

function submitform() {
    $.post('URL', $("#My-Form").serialize(), returnResults, 'json');
    $("#MyForm").replaceWith("<p><h2>Thank You!</h2></p>");
}

function returnResults() {
    //SHOW THANK YOU MESSAGE
}
</script>

Answer 1

只是為了讓我正確。 我認為無論正確輸入如何，都會顯示您的感謝信息。 因此，為防止這種情況，請查看valid()的jquery.validate.js方法

在您的returnResults()方法中，您可以執行此操作。

function returnResults() {
    if ($("#mobile-landing").valid()) {
        //show thank you
    }
}