Vorheriger Artikel Nächster Artikel

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 macht Formular-Validierung zum Kinderspiel
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

NEU: Lass dir diesen Artikel vorlesen
Ein Service von t3n, in Kooperation mit Narando.
Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema
Bootstrap: Mit diesen 10 Tools und Erweiterungen holst du mehr aus Twitters Framework raus
Bootstrap: Mit diesen 10 Tools und Erweiterungen holst du mehr aus Twitters Framework raus

Bootstrap 3 von Twitter bietet eine ausgezeichnete Grundlage für die Webentwicklung. Wir stellen euch zehn Tools und Erweiterungen vor, mit denen ihr noch mehr aus der aktuellen Version rausholt. » weiterlesen

Map-Builder macht Google-Maps-Karten zum Kinderspiel
Map-Builder macht Google-Maps-Karten zum Kinderspiel

Der Google-Map-Builder macht die Erstellung von Google-Maps zum Kinderspiel. Wir stellen dir das kostenlose Online-Tool kurz vor. » weiterlesen

Google Analytics: Kinderleichtes Tracking mit Boba.js
Google Analytics: Kinderleichtes Tracking mit Boba.js

Boba.js macht das Tracking von Events mit Google Analytics zum Kinderspiel. Wir verraten dir, wie du die Bibliothek in deine Seite einbaust und einsetzt. » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n 38 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen