Fancybox窗口内的JQuery验证插件

Question

如何在fancybox插件中使用jQuery验证脚本。我试图使用它，但表单自动提交。任何人帮我解决这个问题

代码：

$(document).ready(function(){
  $('.fancybox').fancybox();
  $("#frmManagement").each(function(){
        $(this).validate();
        }) ;
  });

Answer 1

几个问题。它表示你正在使用具有相同html id的多个格式，例如。 id =“frmManagement”......这是不好的做法。每个html元素应该有一个唯一的id。如果那不是真的，并且你有一个frmManagmeny的元素，那么我会这样做：

$(document).ready(function(){
  $('.fancybox').fancybox();
  $("#frmManagement").validate();
  });

否则，您可以保持原样（我假设）并在您的foreach中返回false，因为jQuery可能会冒泡表单提交事件。