需要帮助修改表单 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）。

编辑：哎呀，错误的钩子。