Использование Jquery Validate с модальным окном

Question

У меня есть модальное окно, которое прекрасно работает, и форма jquery, которая отлично проверяет, но оба не работают вместе.Я пробовал разные комбинации событий click / live, но ничего не работает.Как только я прикрепляю модальный идентификатор окна к контейнеру формы, он перестает работать.Вот мой кодЯ так расстроен, я очень надеюсь, что вы можете мне помочь!Огромное спасибо заранее.Я был в этом в течение нескольких часов без прогресса.

var jQuery = jQuery.noConflict();
jQuery(document).ready(function() {
    jQuery.validator.methods.NotEqual = function(value, element, param) {
        return value != param;
    };  
jQuery('#submit').live('click',function() {
    jQuery('form').submit();
});


jQuery('form').live("submit", function(event) {
    jQuery("#contacts").validate({
        errorPlacement: function(error, element) {},
        errorContainer: "#PIErrorBox",
        rules: {
            name: {
                required: true,
                NotEqual: 'Name'
            },
            email: {
                required: true,
                email: true,
                NotEqual: 'Email'
            },
            notes: {
                required: true,
                NotEqual: 'How Can I Help?'
            }
        },
        submitHandler: function(form) {
            jQuery(".button").hide();
            var loader = jQuery('<img src="images/loading.gif" alt="loading..." class="loading">').insertAfter(".button");
            var param = jQuery(form).serialize();

            jQuery.ajax({
                type: "POST",
                url: "include/inc_sendmail.php",
                data: param,
                success: function() {
                    jQuery('#contacts').hide();
                    jQuery('#thankyou').show();
                }
            });
            return false;
        }
    });
});

});

Мне очень трудно получить HTML для публикации, все, что я получаю, это пустые div.Вот скрипка, которая показывает HTML: http://jsfiddle.net/4kNVv/

Использование библиотеки Jquery Validate из http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Модальный код окна

Модальный JS: http://ortalonline.com/js/fancyzoom.js

вызывается через $ Z ('# ContactMeLink'). FancyZoom ();

Большое спасибо за вашу помощь:)

Answer 1

Немного поздно, но, возможно, это может помочь кому-то еще.

Возможно, это связано с тем, что модель перемещает проверяемые элементы внизу тела после формы.Валидатор ищет их в форме и не находит их.

Хитрость заключается в том, чтобы не перемещать элементы в модальной области из тегов формы.

Answer 2

похоже, что у вас есть дополнительный закрывающий тег формы в html, это демо

также эта строка

var jQuery = jQuery.noConflict();

неверно, вам не нужно устанавливать его в переменную, просто сделайте

jQuery.noConflict();

Я не понимаю этого

$Z('#ContactMeLink').fancyZoom();

Что такое $ Z, этот jQuery все еще?