Javascript 需要修改表单JS脚本以添加成功消息的帮助吗

我需要帮助修改此脚本以添加将在页面上的div中显示的成功消息。如果有一种方法可以在表单提交后隐藏submit按钮，这将有助于防止人们一次又一次地滥发submit按钮

$().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",
        },

    });

});

---

您似乎正在使用jQuery验证插件。将此添加到您的配置对象：

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

（将您自己的元素替换为submit按钮ID和将接收成功消息的空元素ID）

---

编辑：哦，错误的钩子。

是的，我正在使用jQuery验证插件……感谢您的快速回复。我将在稍后对此进行测试…这是出于某种原因，在电子邮件和姓名符合规则后立即验证表单。一旦满足任何规则，就会显示成功消息，并且提交按钮在表单提交之前变灰。有什么想法吗？马上！谢谢这是可行的，但引入了一个新问题…在提交表单和成功消息显示后，整个页面变为白色，地址栏中的链接显示我的php页面…？如果收到的php没有输出任何内容，这是提交表单的正常结果；我看不出它与验证有任何关系，我相信如果你根本不使用验证，同样的事情也会发生。你想发生什么？我想这和那件事有关。我想我只希望显示成功消息，用户保持在同一页面上。