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 6 Basic Lösung

Im Level 6 geht es um eine kleine Decheffrierung. Also du siehst hier ein Verschlüsseltes Passwort und sollt dieses Entschlüsseln damit du es eingeben kannst und somit einen level weiter kommst. Du hast hier eine Hilfe, denn du kannst mit dem oberen Formular selbst daten verschlüsseln. Somit kannst du ein Muster erkennen wenn du zum Beispiel hallo oder auch tasse verschlüsseln lässt. Wenn du nun ollah oder essat verschlüsseln lässt dann fällt etwas auf oder?? Die Erklärung: hallo wird zu hbnos tasse wird zu tbuvi essat wird zu etudx Die cheffrierung funktioniert folgend: Du solltest zum verständniss eine ASCII Tabelle heranziehen! Formel: Verschlüsseltes Zeichen = (Position in String) + (Aktuelles Zeichen, ASCII Code) Somit ist auch klar warum das erste Zeichen sich nie verändert. Da es mit 0 anfängt zu Zählen. h = 0 ( +0) Bleibt gleich. a = 1 ( +1) l = 2 ( +2) l = 3 ( +3) 0 = 4 ( +4) Hier die Decheffrierung des Verschlüsselten Textes: ...

Linearen Notenschlüssel mit nodejs berechnen

Linearen Notenschlüssel berechnen / Method chaining in nodejs Hintergrund/Motivation: Ein kleines altes Nebenprojekt von mir war eine Schüler/Notenverwaltung Software in Java geschrieben. Das kleine Programm ist etwas in die Jahre gekommen und da wollte ich kleine teile von der Software nach nodejs portieren und es etwas auffrischen. Und zum start habe ich die Berechnung der Noten nach einem Linearen Notenschlüssel portiert. Also die dahinter liegende Klasse. Kurze Beschreibung der Eigenschaften der Klasse: Die Klasse soll die Berechnung anhand der Maximalen zu erreichenden Punkzahl und der erreichten Punkzahl des Schülers berechnen. Es gibt folgende Attribute: defaultPoints => fallback falls maxPoints nicht gesetzt wird maxPoints => Maximal zu erreichende Punkte im Test/Arbeit reachedPonts => Erreichte Punktzahl des Schülers Darüber hinaus sollen die setter der Klasse via   Method chaining  einfacher und kürzer aufrufbar sein, hierzu ein kleiner Pse...

Magento - Simple Google Shopping - Add PHP code direct in XML Template

Magento - Extension "Simple Google Shopping" von wyomind Um das Template anzupassen gibt es hier auch die Möglichkeit PHP code direkt in das XML Template zu schreiben.  Dies kann hilfreich sein wenn man Felder aus Magento ändern möchte und dazu ein if Konstrukt benötigt. Hier ein Beispielhaftes Template für Simple Google Shopping mit PHP code direkt im template: Wichtig: der code muss ein "return" statement besitzen. Denn nur der Wert welcher vom PHP Block returned wird, ist nacher im google shopping XML file vorhanden.   Simple Google Shopping Extension