jquery驗證衝突與切換功能

Question

我嘗試驗證我的簡單形式使用jquery驗證和我的表單內我有一個複選框，當用戶點擊時，它會切換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

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

實現jQuery驗證所有輸入類型必須有name包括type="button"避免jQuery的衝突，甚至只是爲了觸發輸入類型一些功能。