Question

我正在使用jQuery validate插件，我还使用jQuery为我的表单所在的弹出窗口制作关闭动画。

当然，如果表单无效且错误需要修复，我不希望弹出窗口关闭。

这是我正在使用的......

表单验证：

$(document).ready(function(){
    $("#form").validate({
       errorContainer: "#messageBox1",
       errorLabelContainer: "#messageBox1 ul",
       wrapper: "li",
    });
    });

提交表单按钮操作：

$("#ContinueButton").click(function(){
$("#refer-a-friend").animate({
    top: "0%",
    opacity: 0
}, 500 );
});

那么我怎么做才能使得关闭动画只有在表格有效时才会触发？

Answer 1

您的验证将在提交#form时运行。您的#ContinueButton需要type="submit"，或致电$("#form").submit();

按钮提交触发验证后，请查看documentation中的 submitHandler 选项，它应该是您需要的。像这样：

$("#form").validate({
    submitHandler: function(form) {
      //perform your animation here 
   }
});

Answer 2

$("#ContinueButton").click(function(){
   if($("#form").valid()) {
      $("#refer-a-friend").animate({
         top: "0%",
         opacity: 0
       }, 500 );
   }
});

http://docs.jquery.com/Plugins/Validation/Validator

http://docs.jquery.com/Plugins/Validation/valid

仅当表单有效时才执行jQuery

2 个答案: