jquery validate conflict with toggle function

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 с помощью jquery.validate.js

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

все тип входа должен иметь name включая type="button", чтобы избежать Jquery конфликта, даже тип входного сигнала только для запуска некоторые функции.