State of the art für Formular->Ajax->Datenbank? (Perl/CGI)

[thread]14258[/thread]

State of the art für Formular->Ajax->Datenbank?

Leser: 22

Articles: hide open all | hide show old branches

+11 replies
pktm

2009-11-16 17:57
User since
2003-08-07
2921 Artikel
BenutzerIn
Hallo!

Ich schreibe gerade mein erstes Formular, das per JavaScript an ein Skript abgeschickt wird, um Daten in einer Datenbank anzulegen.

Bisher war ich das immer gänzlich ohne JavaScriptgewöhnt und da hatte ich meist folgenden Ablauf:
1. Formular anzeigen
2. ausfüllen & abschicken
3. Serverseitige Validation
3.1 Wenn Fehler, zurück zum Formular, Fehler anzeigen
3.2 Wenn keine Fehler, Daten in die DB schreiben
4. Bestätigung anzeigen

So nun habe ich da dieses Stück JavaScript und das erste, was mir auffällt, ist dass ich Data::FormValidator vermisse. Gibt es sowas auch für JavaScritp? So dass ich die Formulareingaben auch schon beim Client validieren kann? Ich mein, das ist im prinzip kein problem, nur irsinnig viel Schreibarbeit.

Und ja, die serverseitige Validation bleibt dennoch bestehen.
Da schließt sich auch gleich die nächste Frage an. Ich setze einen Ajax-Request ab. Der sieht in etwa so aus:
Code: (dl )

1 2 3 4 5 6 7 8 9 10 11 12 13

$.ajax({ url: "/cgi-bin/insert.cgi", dataType: "json", // val_1 & val_n sind JavaScript-Variablen data: ({"field_1": val_1, "field_n", val_n}), success: function(data) { alert("data -> base"); }, error: function(error, request) { alert("There was an error. Go get the message yourself."); }, type: "GET", });
Auch hier vermisse ich wieder sowas wie Data::FormValidator. Ich mnüsste im Fehlerfall händisch irgendwelche Datenstrukturen auswerten, um die fehlerhaften Felder zu markeiren (z.B. wenn ein Feld einen Namen enthält, der in der DB in einem unique-Feld schon drin ist). Oder ich werfe einfach die Fehlermeldung aus, damit kann der Nutzer aber i.d.R. wenig anfangen.

Gibt es irgendwo eine Anleitung dazu, wie man es am besten macht? Oder häufige Abläufe, an denen man sich orientieren kann? Ich habe keine Lust, typische Anfängerfehler zu machen.

Grüße, pktm
http://www.intergastro-service.de (mein erstes CMS :) )
- pq
  
  2009-11-16 18:11
  
  User since
  2003-08-04
  12209 Artikel
  Admin1
  
  mod-edit: titel geändert (war: Stand of the art für Formular->Ajax->Datenbank?)
  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
- RPerl
  
  2009-11-16 18:42
  
  User since
  2006-11-26
  384 Artikel
  BenutzerIn
  
  Quote
  So nun habe ich da dieses Stück JavaScript und das erste, was mir auffällt, ist dass ich Data::FormValidator vermisse. Gibt es sowas auch für JavaScritp? So dass ich die Formulareingaben auch schon beim Client validieren kann? Ich mein, das ist im prinzip kein problem, nur irsinnig viel Schreibarbeit.
  
  Man sollte Formulare nicht mit Javascript validieren, zumindest nicht ausschliesslich. Immer client- *und* serverseitig.
  Nur mal so nebenbei angemerkt...
  - +3 replies
  - pktm
    
    2009-11-16 22:45
    
    User since
    2003-08-07
    2921 Artikel
    BenutzerIn
    
    Ja ich weiß. Deswegen habe ich auch im unmittelbar folgenden Satz geschrieben:
    
    Quote
    Und ja, die serverseitige Validation bleibt dennoch bestehen.
    
    Ich mag das nicht nur wegen des Sicherheitsproblems nicht (JavaScript läuft beim Client und kann und wird manipuliert werden), sondern auch, weil die Validatoren, die ich so kenne, immer nervige Popups bringen.
    Nur selten habe ich bis jetzt rein visuelle Hinweise (z.B. farbliche Hervorhebungen, hinzufügen von Ausfüllhilfen) gesehen.
    http://www.intergastro-service.de (mein erstes CMS :) )
    - +2 replies
    - scriptor
      
      2009-11-17 00:30
      
      User since
      2008-05-07
      69 Artikel
      BenutzerIn
      
      2009-11-16T21:45:33 pktm
      Nur selten habe ich bis jetzt rein visuelle Hinweise (z.B. farbliche Hervorhebungen, hinzufügen von Ausfüllhilfen) gesehen.
      
      Vielleicht hier ein paar Ideen holen:
      
      Inline Validation in Web Forms
      - pktm
        
        2009-11-17 10:43
        
        User since
        2003-08-07
        2921 Artikel
        BenutzerIn
        
        Ah cool. Sowas mag ich. Das gibts auch für das layout von Formularen: http://www.lukew.com/resources/articles/web_forms....
        http://www.intergastro-service.de (mein erstes CMS :) )
- +3 replies
- GwenDragon
  
  2009-11-17 10:12
  
  User since
  2005-01-17
  14835 Artikel
  Admin1
  
  WebForms 2 validiert selbst teilweise Eingaben – aber kann derzeit nur Opera und Firefox, soweit ich weiß.
  http://www.malleus.de/docs/tutorials/web-forms-2-0...
  
  Notfalls hilft dir auch jQuery weiter.
  http://plugins.jquery.com/project/webforms
  Last edited: 2009-11-17 10:14:57 +0100 (CET)
  die Drachin Gwen
  
  Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
  - +2 replies
  - GwenDragon
    
    2009-11-17 16:51
    
    User since
    2005-01-17
    14835 Artikel
    Admin1
    
    Das ist interessant:
    http://digitalbush.com/projects/masked-input-plugi...
    die Drachin Gwen
    
    Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
    - pktm
      
      2009-11-17 17:17
      
      User since
      2003-08-07
      2921 Artikel
      BenutzerIn
      
      In der Tat, das ist es. Erinnert mich auch ein bisschen hieran: http://docs.jquery.com/Plugins/Validation
      
      Das hab ich heute gefunden. Leider scheint es auf Tabellen angewiesen zu sein, um die Fehlermeldungen zu generieren. Aber das muss ich mir mal noch genauer ansehen.
      http://www.intergastro-service.de (mein erstes CMS :) )
- +2 replies
- sid burn
  
  2009-11-17 10:55
  
  User since
  2006-03-29
  1520 Artikel
  BenutzerIn
  
  CGI::FormBuilder generiert sogar schon JavaScript für die Validierung. Habe das Modul aber nie großartig genutzt, daher kann ich dir nicht sagen wie brauchbar das Modul ist.
  
  Ansonsten haben die Diversen JS Frameworks ja meist Plugins zum Validieren von Daten.
  
  Dojo: http://api.dojotoolkit.org/jsdoc/1.3.2/dojox.valid...
  Mootools: http://mootools.net/docs/more/Forms/Form.Validator
  Nicht mehr aktiv. Bei Kontakt: ICQ: 404181669 E-Mail: perl@david-raab.de
  - GwenDragon
    
    2009-11-17 11:40
    
    User since
    2005-01-17
    14835 Artikel
    Admin1
    
    Bei CGI::FormBuilder wird aber noch der veraltete JS-Eventhandler onsubmit verwendet.
    Sollte man wissen, wenn man mehr mit JS-Events umgehen muss.
    Mittlerweile werden JS-Eventhandler nämlich anders gehandhabt.
    die Drachin Gwen
    
    Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten

View all threads created 2009-11-16 17:57.