在 bbPress 中验证成功后弹出消息（with jQuery）

Question

我想在用户成功提交主题或回复时显示弹出消息。

我尝试了以下脚本：

$(document).ready(function() {
    $("#bbp_topic_submit").click(function(event) {
         alert("Thank you very much! Your topic has been successfully submitted!");
    });
});

它运行良好，但每次单击 "Submit" 时都会触发弹出消息，即使验证不成功也是如此。

所以我想在验证成功后完成。我通过参考 jQuery Validate - Success event? 尝试了以下脚本，但它没有用（没有任何反应）。

$("form#new-post").submit(function() {
    if($(this).valid()) {
// 
    }
});

如何仅在验证成功时显示弹出消息？

Answer 1

您需要定义 submitHandler callback 处理程序以确定 form validation 是否成功。

$(document).ready(function()
{
   $("form").validate({
       submitHandler: function() { alert("Thank you very much! Your topic has been successfully submitted!"); }
     });
});

示例：http://jsfiddle.net/DinoMyte/5RrGa/1627/

在 bbPress 中验证成功后弹出消息（with jQuery）

Pop-up message after validation is successful in bbPress (with jQuery)

wordpress

jquery

bbpress