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!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Etwas spät, aber vielleicht kann jemand anderes helfen.
Dies ist wahrscheinlich aufgrund der Tatsache, dass das Modell bewegt, die Elemente, die validiert werden soll, an der Unterseite des Körpers, nach dem Formular. Der validator sucht Sie IN form und macht Sie nicht finden.
Der trick ist, sich nicht zu bewegen, die Elemente im modalen Bereich des form-tags.
<form><div>Modal Content, including form</div></form>
Wenn das Formular innerhalb des div, der Selektor den Wert NULL zurück. Wenn das div-Element in das Formular ein, funktioniert es wie erwartet."sieht aus wie Sie haben eine zusätzliche schließende form-tag in Ihre html hier ist ein demo
auch diese Zeile
falsch ist Sie nicht benötigen, um es zu einem var tun Sie nur
Ich verstehe das nicht
was ist $Z ist das jQuery noch ?