需要幫助來修改表單JS腳本以添加成功消息

Question

我需要修改此腳本的幫助，以添加將在頁面上的div中顯示的成功消息。 如果在提交表單后還有一種隱藏提交按鈕的方法，這將有助於防止人們一遍又一遍地發送垃圾郵件。

$().ready(function() {
    // validate board form choices and submit
    $("#custom_board_form").validate({
        rules: {
            firstname: {
                required: true,
                minlength: 2
            },
            lastname: {
                required: true,
                minlength: 2
            },
            email: {
                required: true,
                email: true
            },
        },
        messages: {
            firstname: {
                required: "Please enter a name",
                minlength: "Your name must consist of at least 2 characters"
            },
            lastname: {
                required: "Please enter a name",
                minlength: "Your name must consist of at least 2 characters"
            },
                email: "Please enter a valid email address",
        },

    });

});

Answer 1

您似乎正在使用jQuery Validation插件。 將此添加到您的配置對象：

validate({
  rules: ...
  messages: ...
  submitHandler: function(form) {
    $('#submitButton').prop('disabled', true);
    $('#successMessage').text('Success message!');
    form.submit();
  }
});

（將您自己的元素替換為提交按鈕ID和將接收成功消息的空元素的ID）。

編輯：糟糕，錯誤的鈎子。