jquery - jQuery验证与切换功能冲突

Question

我尝试使用 jquery validate 验证我的简单表单，并且在我的表单中，当用户单击时，我有一个复选框，它将切换 tr 并显示额外的输入字段。

但现在我无法验证我的表单，除非我删除切换复选框

<input type="checkbox" onClick="popup('#item1','.box1')" id="item1" />Tick to show

，下面是我的切换功能：

function popup(checkbox, box){
     $(checkbox).change(function() {                
     $(box).toggle(this.checked); //if checkbox checked show div
  }).change(); //ensure visible state matches initially
};

你可以查看我的jSFiddle

是的，我也尝试使用 jQuery.noConflict(); 但结果还是一样

Answer 1

当我们使用jquery.validate.js实现 jquery 验证时

<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>

所有输入类型都必须name包含type="button"以避免jquery冲突，即使输入类型只是为了触发某些功能。