Hallo,
folgendes Problem: Beim Senden meines Kontaktformulars via jQuery werde ich dauerhaft auf die index.html verwiesen trotzdem innerhalb der submit-function mittels return false dies nicht geschehen sollte. Eine Formvalidierung findet schlichtweg nicht statt. Aus Gründen der Übersichtlichkeit habe ich lediglich den Einstiegspunkt im Code gepostet da der Rest zu 100% funktioniert (unabhängig getestet).
Die Umleitung auf die index.html hat höchstwahrscheinlich mit folgendem AJAX-Call zu tun:
In getPage.php werden anhand vorhandener IDs im $_POST-Array die entsprechenden Seiten über eine Whitelist aufgerufen, nicht vorhandene werden auf index.html umgeleitet. Das Formular liegt innerhalb einer durch den AJAX Call aufgerufenen Seite im Contentbereich. Beim Senden des Formulars steht der Query in der Form "localhost/project/?name=&email=fsdf&phone=sdafsdf&place=&event=Festival&submit=" eigentlich korrekt da, jedoch sollte vor dem ? bookings.html stehen. Dadurch das alles clientseitig ausgeführt wird, aktualisieren sich zwar meine Seiten, jedoch nicht die URL.
Wenn ich das Formular unabhängig von meinem CMS prüfe, funktioniert alles wie es soll. Fehler darin sind also ausgeschlossen. Falls mir jemand einen Tipp geben könnte wäre ich sehr dankbar!
Beste Grüße
Cappaja
folgendes Problem: Beim Senden meines Kontaktformulars via jQuery werde ich dauerhaft auf die index.html verwiesen trotzdem innerhalb der submit-function mittels return false dies nicht geschehen sollte. Eine Formvalidierung findet schlichtweg nicht statt. Aus Gründen der Übersichtlichkeit habe ich lediglich den Einstiegspunkt im Code gepostet da der Rest zu 100% funktioniert (unabhängig getestet).
Code:
$(document).ready(function() {
$('form').submit(function() {
var data = $(this).serializeArray();
console.log(data);
return false;
});
});
Die Umleitung auf die index.html hat höchstwahrscheinlich mit folgendem AJAX-Call zu tun:
Code:
// load contents via AJAX
$('.menu li > a, #footer a').click(function() {
var href = $(this).attr('href'),
hash = href.substr(href.lastIndexOf("#")+1);
if(hash) {
$('.content').load("php/getPage.php", {id: hash});
}
return false;
});
In getPage.php werden anhand vorhandener IDs im $_POST-Array die entsprechenden Seiten über eine Whitelist aufgerufen, nicht vorhandene werden auf index.html umgeleitet. Das Formular liegt innerhalb einer durch den AJAX Call aufgerufenen Seite im Contentbereich. Beim Senden des Formulars steht der Query in der Form "localhost/project/?name=&email=fsdf&phone=sdafsdf&place=&event=Festival&submit=" eigentlich korrekt da, jedoch sollte vor dem ? bookings.html stehen. Dadurch das alles clientseitig ausgeführt wird, aktualisieren sich zwar meine Seiten, jedoch nicht die URL.
Wenn ich das Formular unabhängig von meinem CMS prüfe, funktioniert alles wie es soll. Fehler darin sind also ausgeschlossen. Falls mir jemand einen Tipp geben könnte wäre ich sehr dankbar!
Beste Grüße
Cappaja