mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 28.04.2024 10:28 Benutzername: Passwort: Auto-Login

Thema: Formular wartebild bei onsubmit geht nicht wegen validierung vom 24.08.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Formular wartebild bei onsubmit geht nicht wegen validierung
Seite: 1, 2  Weiter
Autor Nachricht
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mo 24.08.2009 13:45
Titel

Formular wartebild bei onsubmit geht nicht wegen validierung

Antworten mit Zitat Zum Seitenanfang

Hallo!

Ja, mein Titel ist wahrscheinlich sehr komisch, aber weiß nicht wie ich es anders schreiben soll Grins

Bei einem Formular können Bilder mit im Mail-Anhang geschickt werden. Da es dann acuh mal zu Wartezeiten kommen kann, würde ich gern eine GifAnimation einbauen, die bei onSubmit angezeigt wird. Im Prinzip kein Problem.

Nun führe ich meine Validierung auch mit Java Script durch. Wird nun ein Pflichtfeld nicht ausgefüllt und man auf Submit klickt, erscheint ja das Image trotzdem schon, obwohl das Formular noch garnicht verschickt wird. Ich habe auch absolut keinen Plan, wie sich das Problem lösen lässt...

Meine Validierung läuft über jquery und die Animation wird einfach so eingebunden:

Code:

<form id="formbestellung" name="formbestellung" enctype="multipart/form-data" method="post" onsubmit="document.images.wait.style.display='block';" action="bestellung_taschenkalender.php">

<input class="submit" name="senden" type="submit" value="abschicken"/><br /><br /><img name="wait" src="images/form/wait.gif" "border="0" style="display: none;" >


Hat jemand eine Idee, wie ich es bewirken kann, dass das Bild wirklich erst angezeigt wird, wenns denn soll?

LG Denise


Zuletzt bearbeitet von denise2302 am Mo 24.08.2009 13:46, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mo 24.08.2009 13:55
Titel

Antworten mit Zitat Zum Seitenanfang

Das Einblenden des Bildes an die Validierungsfunktion hängen und nur dann anzeigen, wenn alles positiv validiert wurde.

Hast du mal nen Link dazu?


Zuletzt bearbeitet von sahnemuh am Mo 24.08.2009 13:55, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mo 24.08.2009 14:23
Titel

Antworten mit Zitat Zum Seitenanfang

http://denise2302.de.funpic.de/test/bestellung.php

is jetz nur das auf der seite worauf es ankommt...

ich weiß halt nicht, wie ich das an die validierung ranhängen kann...


Zuletzt bearbeitet von denise2302 am Mo 24.08.2009 14:24, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mo 24.08.2009 14:32
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<form id="formbestellung" name="formbestellung" enctype="multipart/form-data" method="post" onsubmit="document.images.wait.style.display='block';" action="bestellung_taschenkalender.php">


ändern in:


Code:
<form id="formbestellung" name="formbestellung" enctype="multipart/form-data" method="post" onsubmit="checkValid()" action="bestellung_taschenkalender.php">


und folgendes script hinzufügen:
Code:
function checkValid() {
    if($("#formbestellung").valid()) {
        $("a['name=wait']").css("display","block");
    }
}


Zuletzt bearbeitet von sahnemuh am Mo 24.08.2009 14:32, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mo 24.08.2009 14:42
Titel

Antworten mit Zitat Zum Seitenanfang

hmmm das klappt nicht so recht... also das element is ja ein bild. habe das a in ein img geschrieben.

habe die function auch nach dem $(document).ready(function() { ... } eingefügt... das müsste doch dann eigtl richtig sein oder?

also meine funktion sieht so aus jetzt:

Code:

function checkValid() {
    if($("#formbestellung").validate()) {
        $("img['name=wait']").css("display","block");
    }
}


und halt onsubmit="checkValid()" ... aber nun ist es wie vorher, also die Validierung geht, aber ein bild wird überhaupt nicht angezeigt.
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mo 24.08.2009 15:31
Titel

Antworten mit Zitat Zum Seitenanfang

argh.

Code:
function checkValid() {
    if($("#formbestellung").valid()) {
        $("img['name=wait']").css("display","block");
    }
}


versuchs mal so. hatte aus der doku die falsche methode kopiert.
  View user's profile Private Nachricht senden
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mo 24.08.2009 15:54
Titel

Antworten mit Zitat Zum Seitenanfang

hmmm... es will nicht *Schnief* habs jetzt davor, dahinter, außerhalb hingesetzt... aber irgendwie wills nicht...
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mo 24.08.2009 17:31
Titel

Antworten mit Zitat Zum Seitenanfang

denise2302 hat geschrieben:
hmmm... es will nicht *Schnief* habs jetzt davor, dahinter, außerhalb hingesetzt... aber irgendwie wills nicht...


kannst du deinen aktuellen stand noch mal hochladen? dann schau ich's mir noch mal an.
  View user's profile Private Nachricht senden
 
Ähnliche Themen 2 funktionen onSubmit mit return
E-Mail Validierung in PHP
Hilfe bei Validierung
Validierung von E-Mail-Adressen
RegEx - Rufnummer Validierung
xhtml-Validierung Joomla 1.5
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.