Mit Jquery Validierung mit einem Modalen Fenster

Habe ich ein modal-Fenster, das funktioniert Super, und ein jquery-Formular validiert toll, aber die beiden funktionieren nicht miteinander. Ich habe versucht, verschiedene Kombinationen von klicken Sie auf/live-events, und nichts scheint zu funktionieren. Sobald ich befestige die modalen Fenster-ID auf der Formular-container, es deosnt Arbeit. Hier ist mein code. Ich bin so frustriert, ich hoffe wirklich Ihr könnt mir helfen! Vielen Dank im Voraus. Ich habe schon für mehrere Stunden ohne Fortschritt.

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;
        }
    });
});

});

Ich habe eine wirklich harte Zeit, den html-Code posten, alles was ich sehe ist leere divs. hier ist die Geige, das zeigt die html: http://jsfiddle.net/4kNVv/

Mit der Jquery Validierung Bibliothek von http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Modales Fenster Code

Modal JS: http://ortalonline.com/js/fancyzoom.js

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

Vielen Dank für deine Hilfe 🙂

  • könnte ich bitte Ihren html ? außerdem, wo ist der modal-code ?
  • klar, ich bin das hinzufügen es jetzt. danke!
InformationsquelleAutor Ortal | 2011-07-27
Schreibe einen Kommentar