form nicht mit Return absenden (HTML, CSS und Javascript)

[thread]13375[/thread]

form nicht mit Return absenden

Leser: 20

Articles: hide open all | hide show old branches

+9 replies
Hagen

2009-04-14 09:30

User since
2007-09-06
233 Artikel
BenutzerIn

Hallo,

auf meiner 'Problem-Seite' habe ich ein Formular mit mehreren Auswahllisten und Texteingaben. Leider drücken einige Besucher nach der Eingabe der Daten die Return/Enter-Taste, so dass das Formular frühzeitig abgesendet wird (da die Felder vorbelegt sind, sind die Inhalte fehlerfrei, aber die Benutzer-Eingabe ist noch nicht beendet).

Kann man das "Absenden mit Return" irgendwie verhindern? Einzige Idee bisher war über das Event "onsubmit" eine "Sind sie sicher"-Abfrage einzubauen, aber dann erscheint die Abfrage immer, also auch, wenn ich den Submit-Button nutze.
Gruß
Hagen
- Linuxer
  
  2009-04-14 10:51
  
  User since
  2006-01-27
  3890 Artikel
  HausmeisterIn
  
  Bei einer simplen Suche mit der Datenkrake kam unter anderem
  
  http://www.wer-weiss-was.de/theme164/article123387...
  
  zum Vorschein ;o)
  meine Beiträge: I.d.R. alle Angaben ohne Gewähr und auf Linux abgestimmt!
  Die Sprache heisst Perl, nicht PERL. - Bitte Crossposts als solche kenntlich machen!
- GwenDragon
  
  2009-04-14 10:52
  
  User since
  2005-01-17
  14758 Artikel
  Admin1
  
  Warum fragst du nicht im submit-Handler ab, ob alles vollständig ist?
  
  Den Entertaste abzufangen ist nicht fein, denn es gibt auch Leute, welche nur die Tastatur benutzen und im letzten Feld dann Enter drücken zum Absenden.
  Last edited: 2009-04-14 10:54:37 +0200 (CEST)
  die Drachin Gwen
  
  Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
- pq
  
  2009-04-14 10:56
  
  User since
  2003-08-04
  12208 Artikel
  Admin1
  
  falls du das mit javascript löst, bitte weise deine user darauf hin.
  es gibt nichts ärgerlicheres als ein langes formular auszufüllen, auf submit zu klicken und nix passiert (ich habe per default javascript abgeschaltet und schalte es bei bedarf für die domain an). wenn ich es anschalte, muss ich in den meisten fällen zuerst das formular neu laden und dann neu ausfüllen.
  Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
  lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
- +4 replies
- Hagen
  
  2009-04-14 11:26
  
  User since
  2007-09-06
  233 Artikel
  BenutzerIn
  
  Richtig gefallen tut mir das auch nicht, aber der Kunde möchte das nun mal so haben :-(
  
  @GwenDragon:
  Bereits bei der Eingabe werden die Felder überprüft und (mit Hinweis) ggf. entsprechen korrigiert, so dass immer alles vollständig und richtig ausgefüllt ist.
  
  @pq:
  Wenn du/man JS deaktiviert hat, dann dürfte das eigentlich doch kein Problem sein, dann müsste man das Formular einfach absenden können ... jetzt geraten, werde ich aber mal testen.
  
  @Linuxer:
  Der Link/Text könnte helfe, mal probieren. 'Meine' Fundstellen sind nur immer davon ausgegangen, dass das Formular nicht vollständig mit Werten ausgefüllt ist. Das ist es bei mir aber immer. Der Benutzer ist nur (vielleicht) noch nicht mit seinen Eingaben fertig/beim letzten Feld angekommen und drückt versehentlich Return um seine letzte Eingabe zu bestätigen wodurch fälschlich die Daten abgesendet werden.
  
  Ich bräuchte ggf. so etwas:
  
  Wird der Submit-Button gedrückt -> abschicken
  Wird Return gedrückt Abfrage "Sind sie sicher?"
  Gruß
  Hagen
  - pq
    
    2009-04-14 11:30
    
    User since
    2003-08-04
    12208 Artikel
    Admin1
    
    2009-04-14T09:26:58 Hagen
    @pq:
    Wenn du/man JS deaktiviert hat, dann dürfte das eigentlich doch kein Problem sein, dann müsste man das Formular einfach absenden können ... jetzt geraten, werde ich aber mal testen.
    
    ja, nur in dem wer-weiss-was-artikel stand unter anderem als antwort "Der Button submit darf dann nur noch ein einfacher Button sein, der onClick ein Javascript z.B. pruef() aufruft". und wenn es kein submitbutton ist, geht das ohne javascript nicht mehr. war jedenfalls nur ein hinweis, auch an die leute ohne javascript zu denken.
    Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
    lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
  - +2 replies
  - GwenDragon
    
    2009-04-14 12:13
    
    User since
    2005-01-17
    14758 Artikel
    Admin1
    
    2009-04-14T09:26:58 Hagen
    Richtig gefallen tut mir das auch nicht, aber der Kunde möchte das nun mal so haben :-(
    Hmm, du wolltest dem Kunde nicht beratend zu Seite stehen und sagen, dass sowas problematisch sein kann? Seltsame Vorstellung des Kunden.
    Na ja, jetzt ist es eh schon passiert.
    
    Ansonsten kannst du natürlich im submitevent den keyevent abfragen, ob es ein keycode 13 war udn dann den event mit false ins Leere laufen lassen.
    Last edited: 2009-04-14 12:18:07 +0200 (CEST)
    die Drachin Gwen
    
    Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
    - Hagen
      
      2009-04-14 16:25
      
      User since
      2007-09-06
      233 Artikel
      BenutzerIn
      
      2009-04-14T10:13:22 GwenDragon
      Hmm, du wolltest dem Kunde nicht beratend zu Seite stehen und sagen, dass sowas problematisch sein kann?
      
      Ich habs versucht, will er aber so haben ... na ja, ich hätte es lieber anders gemacht :( ... aber das sind nun mal die 'Techniker' und die 'Anwender' ;-)
      
      Die Idee von topeg scheint ganz gut zu funktionieren, jedenfalls bis jetzt. Werde ich noch mal mit ein paar Browsern testen.
      
      Danke für die Hilfe!!
      Gruß
      Hagen
- topeg
  
  2009-04-14 12:49
  User since
  2006-07-10
  2611 Artikel
  BenutzerIn
  Hier ein Beispiel wie man das "RETURN" unterdrücken kann:
  
  Code: (dl )
  
  1 2 3 4 5 6 7 8 9 10 11 12 13 14
  
  <html> <script type="text/javascript"> function noreturn(e) { return e.keyCode==13? false:true; } </script> <body> <form action="javascript:alert('GESENDET')"> <input type="text" value="test" onkeypress="return noreturn(event);" /><br> <input type="submit" value=" Absenden "> </form> </body> </html>
  
  Bei einem Tastendruck im Feld frage ich ab, ob die Taste "RETURN" (Keykode: 13) war. Wenn dem so ist liefere ich "false" zurück, um die Weiterverarbeitung der Tasteneingabe zu verhindern.
  
  Ohne Javascript Funktioniert das Formular auch, mit javascript wird das absenden durch "RETURN" verhindert.
  
  Das ist aber nicht sonderlich gut getestet... (verschiedene Brower/Versionen)

View all threads created 2009-04-14 09:30.