Kontaktformular mit Jquery aufwerten
Eingetragen von dawehner (2639) am 09.03.2008 - 01:09 Uhr
In der Datei prüft das Javascript,ob eines der Felder leer ist. Wenn keines leer ist dann führt er die Action hinter dem Button aus, sonst nicht und er zeigt eine alert Meldung an.
Mithilfe von Jquery kann man seinen Benutzern vieles erleichtern, z.B. dass eine Meldung auftaucht, wenn bei Kontaktformular noch nicht alle Felder ausgefüllt sind und somit spart sich der User ein Page-Reload
um die js datei nutzen zu können muss man einfach folgendes in die template.php eintragen
drupal_add_js(drupal_get_path('theme', 'garland'). '/extra.js');und folgendes in eine extra.js einfügen:
/**
* diese js datei sorgt dafür, dass die Benutzer bei unfertiger Eingabe eine Meldung erhalten
* @author dereine
*/
$(document).ready(function() {
$('form#contact-mail-page').submit(function () {
//Return true -> bottom wird ausgeführt, false -> nichts passiert (außer die Meldung)
if ($('form#contact-mail-page input#edit-name').val() == "") {
alert('Das Feld Name ist noch nicht ausgefüllt');
return false;
}
else if ($('form#contact-mail-page input#edit-subject').val() == "") {
alert('Das Feld Betreff ist noch nicht ausgefüllt');
return false;
}
else if ($('form#contact-mail-page input#edit-mail').val() == "") {
alert('Das Feld Email ist noch nicht ausgefüllt');
return false;
}
else if ($('form#contact-mail-page textarea#edit-message').val() == "") {
alert('Das Feld Nachricht ist noch nicht ausgefüllt');
return false;
}
else {
return true;
}
});
});In der Datei prüft das Javascript,ob eines der Felder leer ist. Wenn keines leer ist dann führt er die Action hinter dem Button aus, sonst nicht und er zeigt eine alert Meldung an.
- Anmelden oder Registrieren um Kommentare zu schreiben
AJAX Submit
am 08.02.2009 - 13:07 Uhr
Das kann man auch mit dem Modul http://drupal.org/project/ajaxsubmit erreichen. Dadurch können sehr einfach beliebige Formulare durch Validierung mittels AJAX verbessert werden.
Ich hoffe, dass so etwas mal in die FormAPI Einzug erhält. Redundanter Code für Validierungen ist etwas mit dem man sich in früheren Jahren herumschlagen musste. Da schrieb man einmal JavaScript Code zur Validierung und zusätzlich noch serverseitigen Code für die Fälle wo JS auf dem Client deaktiviert war.
Das sollte heutzutage wirklich nicht mehr nötig sein.
vg
--
md - DrupalCenter.de
mdwp* :: Drupal Consulting
vg
md - DrupalCenter.de
mdwp* Drupal Consulting & Services