Anzeige: united-domains - Die ganze Welt der Domains
Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.
Jetzt Domain-Check bei united-domains!
JavaScript Validation in Lightbox (jQuery)
Autor: kasseljulian
Datum: 06.01.2012 12:19:19
Grüß Gott :)
Ich habe ein Problem, das mich in den Wahnsinn treibt, weil ich nirgends eine Lösung finde und selber aufgrund meiner schlechten Erfahrung in Sachen JavaScript, keine Lösung zustande bekomme.
Ich benutze das Lightbox-Script "Facebox". Nun ist der Ablauf so, dass sich auf Klick eines Linkes diese Lightbox öffnet und dort ein Formular zu sehen ist, welches ich mit JavaScript validiere.
Im Form-Tag habe ich folgendes stehen:
onsubmit="return checkmarkasForm()"
Die Funktion steht wenige Zeilen darüber.
Nun ist das so, dass sich dieser Form-Tag offiziell mit CSS nicht sichtbar ist (display:none;). Die Lightbox hebt das aber auf Klick auf und macht es zentriert sichtbar.
Allerdings wird meine Überprüfung nicht angesprungen, solange das Formular (in einem Div-Tag) auf display:none; gesetzt ist.
Sobald ich die Sichtbarkeitsentfernung lösche, funktioniert wieder alles einwandfrei.
Doch was kann ich tun, um zu vermeiden, dass es von display:none; abhängt und es damit auch so funktioniert?
Liebe Grüße
Re: JavaScript Validation in Lightbox (jQuery)
Autor: kasseljulian
Datum: 07.01.2012 15:07:09
> Grüß Gott :)
>
> Ich habe ein Problem, das mich in den Wahnsinn
> treibt, weil ich nirgends eine Lösung finde und
> selber aufgrund meiner schlechten Erfahrung in
> Sachen JavaScript, keine Lösung zustande
> bekomme.
> Ich benutze das Lightbox-Script "Facebox". Nun
> ist der Ablauf so, dass sich auf Klick eines
> Linkes diese Lightbox öffnet und dort ein
> Formular zu sehen ist, welches ich mit JavaScript
> validiere.
> Im Form-Tag habe ich folgendes stehen:
> onsubmit="return checkmarkasForm()"
>
> Die Funktion steht wenige Zeilen darüber.
> Nun ist das so, dass sich dieser Form-Tag
> offiziell mit CSS nicht sichtbar ist
> (display:none;). Die Lightbox hebt das aber auf
> Klick auf und macht es zentriert sichtbar.
> Allerdings wird meine Überprüfung nicht
> angesprungen, solange das Formular (in einem
> Div-Tag) auf display:none; gesetzt ist.
> Sobald ich die Sichtbarkeitsentfernung lösche,
> funktioniert wieder alles einwandfrei.
>
> Doch was kann ich tun, um zu vermeiden, dass es
> von display:none; abhängt und es damit auch so
> funktioniert?
>
> Liebe Grüße
Na da gibt´s aber viele die sich damit auskennen :)
Re: JavaScript Validation in Lightbox (jQuery)
Autor: Netinja
Datum: 07.01.2012 15:21:39
> > Ich benutze das Lightbox-Script "Facebox".
> Nun
> > ist der Ablauf so, dass sich auf Klick
> eines
> > Linkes diese Lightbox öffnet und dort ein
> > Formular zu sehen ist, welches ich mit
> JavaScript
> > validiere.
> > Im Form-Tag habe ich folgendes stehen:
> > onsubmit="return checkmarkasForm()"
> >
> > Die Funktion steht wenige Zeilen darüber.
> > Nun ist das so, dass sich dieser Form-Tag
> > offiziell mit CSS nicht sichtbar ist
> > (display:none;). Die Lightbox hebt das aber
> auf
> > Klick auf und macht es zentriert sichtbar.
> > Allerdings wird meine Überprüfung nicht
> > angesprungen, solange das Formular (in
> einem
> > Div-Tag) auf display:none; gesetzt ist.
> > Sobald ich die Sichtbarkeitsentfernung
> lösche,
> > funktioniert wieder alles einwandfrei.
> >
> > Doch was kann ich tun, um zu vermeiden, dass
> es
> > von display:none; abhängt und es damit auch
> so
> > funktioniert?
> >
> > Liebe Grüße
>
> Na da gibt´s aber viele die sich damit auskennen
> :)
Hallo
Das liegt vieleicht daran, dass du dein Facebox-Script und deine Datei, in die du das eingebunden hast nicht verlinkt hast. ;-)
LG
Netinja
Re: JavaScript Validation in Lightbox (jQuery)
Autor: kasseljulian
Datum: 07.01.2012 15:33:30
> > > Ich benutze das Lightbox-Script
> "Facebox".
> > Nun
> > > ist der Ablauf so, dass sich auf Klick
> > eines
> > > Linkes diese Lightbox öffnet und dort
> ein
> > > Formular zu sehen ist, welches ich mit
> > JavaScript
> > > validiere.
> > > Im Form-Tag habe ich folgendes stehen:
> > > onsubmit="return checkmarkasForm()"
> > >
> > > Die Funktion steht wenige Zeilen
> darüber.
> > > Nun ist das so, dass sich dieser
> Form-Tag
> > > offiziell mit CSS nicht sichtbar ist
> > > (display:none;). Die Lightbox hebt das
> aber
> > auf
> > > Klick auf und macht es zentriert
> sichtbar.
> > > Allerdings wird meine Überprüfung
> nicht
> > > angesprungen, solange das Formular (in
> > einem
> > > Div-Tag) auf display:none; gesetzt
> ist.
> > > Sobald ich die Sichtbarkeitsentfernung
> > lösche,
> > > funktioniert wieder alles einwandfrei.
> > >
> > > Doch was kann ich tun, um zu vermeiden,
> dass
> > es
> > > von display:none; abhängt und es damit
> auch
> > so
> > > funktioniert?
> > >
> > > Liebe Grüße
> >
> > Na da gibt´s aber viele die sich damit
> auskennen
> > :)
>
> Hallo
> Das liegt vieleicht daran, dass du dein
> Facebox-Script und deine Datei, in die du das
> eingebunden hast nicht verlinkt hast. ;-)
>
> LG
> Netinja
Hi Netinja,
ich habe es für dich einmal (ohne CSS) hochgeladen. Zu finden auf der Seite:
http://www.adswell.de/test/
Auf klick des Links öffnet sich dann das Fentser und solange nicht alle Angaben angegeben sind, sollte das Formular nicht abgesendet werden, doch es wird trotzdem auf new.html weitergeleitet (Die Seite, die mit action benannt wurde).
Ich hoffe jemand kann mir weiterhelfen.
Vielen Dank und liebe Grüße,
Julian
