jquery使用toggle函数验证冲突

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冲突，甚至输入类型只是为了触发某些功能。