Drücke die Tasten ◄ ► für weitere 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

34 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
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

Die 10 beliebtesten Artikel der Woche: iPhone 6, iOS 8, Chromecast in Deutschland und es gibt keine Work-Life-Balance mehr
Die 10 beliebtesten Artikel der Woche: iPhone 6, iOS 8, Chromecast in Deutschland und es gibt keine Work-Life-Balance mehr

Die Cebit ist vorbei – der nicht minder spannende Alltag kehrt ein: Auch diesen Samstag haben wir wieder die zehn beliebtesten Artikel der Woche für euch. Unter anderem mit dem hy!... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen