Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: JavaScript (JQuery) onblur und onsubmit

  1. #1
    Azubi(ne)
    Registriert seit
    04.09.2008
    Beiträge
    70
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage JavaScript (JQuery) onblur und onsubmit

    Hi Leute,

    ich stehe vor folgender Herausforderung:
    Ich habe ein Textfeld (input type="text") und einen Image-Submit (input type="image") Button in einem Formular.

    - auf dem Textfeld liegt ein onBlur()-Event
    - das Formular besitzt ein onSubmit()-Event

    Wenn der Focus bzw. der Cursor im Textfeld ist und der Benutzer ohne zuvor das Textfeld zu verlassen mit der Maus auf den Submit-Button kliegt, soll nur die onSubmit Funktion ausgeführt werden und nicht auch noch die onBlur.
    Habe ich eine Möglichkeit das so umzusetzen? (wäre für mich die einfachste Lösung)
    Ansonsten müssen wir noch mehr ins Detail gehen, aber ich hoffe, dass dies nicht nötig sein wird.

    EDIT: Falls dies nicht möglich ist, kann ich sicher davon ausgehen, dass das onBlur-Event in oben beschrieben Szenario immer vor dem onSubmit vollständig ausgeführt wird?

    Viele Grüße
    CroWeHaMmeR
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von CroweHammer (17.10.2012 um 12:04 Uhr)

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: JavaScript (JQuery) onblur und onsubmit

    mach doch sowas wie $('#deintextfeld').blur = null oder setz ne variable zum steuern der aktion
    oder
    $('#deintextfeld').blur(function(){return false;})

    edit:

    wobei das blur vorm submit ausgeführt wird...
    mmh also ohne code zum testen is sowas immer lame
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Azubi(ne)
    Themenstarter

    Registriert seit
    04.09.2008
    Beiträge
    70
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: JavaScript (JQuery) onblur und onsubmit

    Kann ich denn sicher sagen, dass das onBlur() vor dem onSubmit() ausgeführt wird? Vor allen Dingen, dass die onBlur() fertig abgearbeitet ist, bevor die onSubmit() aufgerufen wird?
    Dann könnte ich das Ganze über ein Boolean lösen oder eine Steuervariable.
    Ich habe nämlich in beiden Events einen ajax-Request und will vermeiden, dass beide ausgelöst werden.

    Viele Grüße
    CroweHammer

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: JavaScript (JQuery) onblur und onsubmit

    naja console.log und der firebug sind deine freunde

    und beim ajax, wenn du jquery nutzt mach den request async-parameter auf false
    und dann lass dir was onblur und was onsubmit ausgeben, ganz am ende und ganz am anfang der funktion machste nen console.log('blur_start') bzw 'blur_end' und dann schauste mal in die konsole und siehst was wie ausgeführt wird
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Großmeister(in)
    Registriert seit
    09.12.2008
    Ort
    Berlin
    Alter
    38
    Beiträge
    666
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: JavaScript (JQuery) onblur und onsubmit

    onBlur()-Event wird vor onSubmit()-Event gestartet. Beide Funktionen die vom Event aufgerufen werden laufen dann aber potentiell parallel, du kannst dich nicht darauf verlassen, dass das onBlur-Event abgearbeitet ist bevor das onSubmit-Event ausgeführt wird.
    Eine der nervigsten Sachen bei JS überhaupt, imho.
    "Programming today is a race between software engineers
    striving to build bigger and better idiot-proof programs,
    and the universe trying to build bigger and better idiots.
    So far, the universe is winning."
    Rick Cook

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: JavaScript (JQuery) onblur und onsubmit

    ja einfach is so ne steuerung nich, das is wahr
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  7. #7
    Azubi(ne)
    Themenstarter

    Registriert seit
    04.09.2008
    Beiträge
    70
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: JavaScript (JQuery) onblur und onsubmit

    Sers Leute,

    danke für die Hilfe. Es funktioniert leider immer noch nicht. Das Problem, dass SinnlosS beschrieben hat ist genau die Sache die ich nicht in den Griff bekomme.
    Async kann ich nicht verwenden, weil ich einen XML Cross-domain request habe. Deshalb fällt async an dieser Stelle weg.
    Noch jemand eine Idee, wie ich das lösen könnte?

    Viele Grüße,
    CroWe

  8. #8
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: JavaScript (JQuery) onblur und onsubmit

    kannst du mir erklären, wieso async:false dann nicht geht?!
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  9. #9
    Großmeister(in)
    Registriert seit
    09.12.2008
    Ort
    Berlin
    Alter
    38
    Beiträge
    666
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: JavaScript (JQuery) onblur und onsubmit

    Zitat Zitat von CroweHammer Beitrag anzeigen
    Sers Leute,

    danke für die Hilfe. Es funktioniert leider immer noch nicht. Das Problem, dass SinnlosS beschrieben hat ist genau die Sache die ich nicht in den Griff bekomme.
    Async kann ich nicht verwenden, weil ich einen XML Cross-domain request habe. Deshalb fällt async an dieser Stelle weg.
    Noch jemand eine Idee, wie ich das lösen könnte?

    Viele Grüße,
    CroWe
    Ein mir persönlich dreckig anmutender Workaround wäre beim Starten des onBlur-Events ein Variable blurEventRunning auf true zu setzen und beim Beenden wieder auf false.
    Im onSubmit-Event wird diese Variable geprüft, steht sie auf true wird in ein Intervall gesprungen das z.B. im Zehntel-Sekunden-Takt prüft ob das Blur-Event beendet ist und erst dann weitermacht.
    "Programming today is a race between software engineers
    striving to build bigger and better idiot-proof programs,
    and the universe trying to build bigger and better idiots.
    So far, the universe is winning."
    Rick Cook

  10. #10
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: JavaScript (JQuery) onblur und onsubmit

    crowehammer, ich schau die letzten tage immer wieder hier rein und hoffe weiterhin auf code (und die noch ausstehe4nde erläuterung )
    eventuell gibt es ja maßgeschneidert eine lösung für dich.

    ich hab zuletzt eine suggested search entwickelt (bzw den clientside part) und da hab ich auch blur nutzen wollen, was aber nicht ging, weil ich damit andere wichtige funktionalität geschreddert hab/hätte auch dafür gabs dann ein workaround mit custom event was nur zu bestimmten gegebenheiten auslöst....

    für zeitliche abfolge sind callbacks gedacht, aber bei einem fall wie dem deinen hier ist parallelität nicht ausgeschlossen, aber das hat ja sinnloss bereits erläutert
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. onfocus/onblur in php formular einbinden
    Von siccario im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 22.02.2011, 19:02
  2. Performante Umsetzung einer großen Landkarte jQuery/JavaScript
    Von Kevni im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 15.10.2010, 00:37
  3. jQuery Frage
    Von ninom im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 18.08.2010, 20:30
  4. Javascript onSubmit Problem
    Von shadoan im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 23.07.2009, 10:18
  5. onSubmit --> mehrere Funktionen anhängen
    Von OliverN26 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 28.03.2007, 17:13

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •