Das könnte dich auch interessieren

Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Entwicklung

Parsley.js macht Formular-Validierung zum Kinderspiel

    Parsley.js macht Formular-Validierung zum Kinderspiel

Formular-Validierung kann eine lästige Angelegenheit sein. Parsley nimmt Webentwicklern die meiste Arbeit ab und macht die Formularüberprüfung zum Kinderspiel - und das ohne eine einzige Zeile JavaScript schreiben zu müssen.

Parsley.js

Parsley.js übernimmt die Validierung von HTML-Formularen. Die JavaScript-Bibliothek ist leistungsstark und einfach in der Handhabung. Dank der DOM-API gelingt die Frontend-Überprüfung von Formularen, ohne eine einzige Zeile JavaScript schreiben zu müssen.

Nachdem Parsley.js im Dokument eingebunden wurde, können die Funktionen der Bibliothek auf das gewünschte Formular angewandt werden. Die nötigen Informationen erhält Parsley aus verschiedenen data-Attributen, die direkt in die jeweiligen Eingabefelder eingebunden werden. So lässt sich die Validierung verschiedenster Eingabetypen sehr schnell realisieren.

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="parsley.js"></script>
<form data-validate="parsley"> 
	<input 
		type="text" 
		name="email" 
		data-type="email" 
		data-error-message="Bitte geben Sie eine gültige E-Mail Adresse ein."
	/>
</form>

Nach dem Eintragen der Attribute übernimmt die Bibliothek die restliche Arbeit. Alle Eingaben werden entsprechend überprüft und bei Fehlern gekennzeichnet. Alle Validierungstypen haben Standard-Fehlermeldungen integriert. Es können jedoch zusätzlich eigene Meldungen über das data-error-message-Attribut definiert werden.

Parsley.js: Schlank, leistungsstark und leicht in der Handhabung

Parsley.js ist keine 800 Zeilen lang, verbraucht weniger als 12kb Speicher und funktioniert mit jQuery und Zepto. Da Parsley.js komplett ohne eigenen JavaScript-Code bedient werden kann, wird die Erstellung von Formular-Validierungsmechanismen deutlich vereinfacht. Außerdem kann die Optik, der von der Bibliothek erzeugten Ausgaben, fast vollständig mit einem individuellen Stylesheet angepasst werden.

Die Validierungs-Bibliothek ist Open Source und unter der MIT-Lizenz auf der offiziellen Seite von Parsley.js erhältlich.

Weiterführende Links

Finde einen Job, den du liebst zum Thema JavaScript, Webdesign

Schreib den ersten Kommentar!

Melde dich mit deinem t3n-Account an oder fülle die unteren Felder aus.

Abbrechen