Validate (jQuery Plugin) - Versionsgeschichte

109.192.169.230 am 4. März 2021 um 18:31 Uhr

2021-03-04T18:31:13Z

134.3.241.116 am 1. August 2013 um 04:44 Uhr

2013-08-01T04:44:43Z

Kholja am 16. Mai 2012 um 16:35 Uhr

2012-05-16T16:35:29Z

Kholja am 16. Mai 2012 um 16:33 Uhr

2012-05-16T16:33:03Z

Kholja: /* Validate Snippets */

2012-05-16T16:13:45Z

Validate Snippets

Kholja: /* Links */

2012-05-16T14:26:28Z

Links

79.240.91.208: /* Links */

2012-05-16T14:16:28Z

Links

79.240.91.208: /* Links */

2012-05-16T14:15:52Z

Links

79.240.91.208: /* Komplettes Beispiel */

2012-05-16T14:15:27Z

Komplettes Beispiel

79.240.91.208: Die Seite wurde neu angelegt: „== Links == http://docs.jquery.com/Plugins/Validation/validate#options [[http://blogs.fau.de/webworking/2011/05/13/tutorial-zur-eingabevalidierung-von-formul…“

2012-05-16T14:14:45Z

Die Seite wurde neu angelegt: „== Links == http://docs.jquery.com/Plugins/Validation/validate#options [[http://blogs.fau.de/webworking/2011/05/13/tutorial-zur-eingabevalidierung-von-formul…“

Neue Seite

== Links ==
[[http://docs.jquery.com/Plugins/Validation/validate#options]]

[[http://blogs.fau.de/webworking/2011/05/13/tutorial-zur-eingabevalidierung-von-formularen-mit-hilfe-von-jquery/]] (Zugriff: 2012-05)
== Validate Snippets ==

== Komplettes Beispiel ==
<pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Eingabevalidierung von Formularen mit Hilfe von jQuery</title>

<style type="text/css">

* { font-family: Verdana; font-size: 10pt; }

label { width: 10em; float: left; }

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

p { clear: both; }

.submit { margin-left: 12em; }

em { font-weight: bold; padding-right: 1em; vertical-align: top; }

form { width: 40em; }

</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript" src="http://view.jquery.com/trunk/plugins/validate/jquery.validate.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("#Formular").validate({
rules: {
vorname: "required",
nachname: "required",
passwort: {
required: true,
minlength: 6,
maxlength: 10
},
passwort2: {
required: true,
equalTo: "#passwort",
minlength: 6,
maxlength: 10
},
email: {
required: true,
email: true
}
},
messages: {
vorname: "Bitte Vornamen angeben!",
nachname: "Bitte Nachnamen angeben!",
passwort: {
required: "Bitte Passwort angeben!",
minlength: jQuery.format("mindestens {0} Zeichen eingeben!"),
maxlength: jQuery.format("maximal {0} Zeichen eingeben!")
},
passwort2: {
required: "Bitte Passwort wiederholen!",
equalTo: "Passwort wiederholen",
minlength: jQuery.format("mindestens {0} Zeichen eingeben"),
maxlength: jQuery.format("maximal {0} Zeichen eingeben!")
},
email: {
required: "Bitte E-Mail-Adresse eingeben!",
email: "E-Mail im Format name@domain.de eingeben!"
}
},
submitHandler: function() {
alert("submitted!")
}
});
});
</script>
</head>

<body>
<form id="Formular" method="post" action="validate.php">
<fieldset>
<legend>Ein einfaches Formular</legend>
<p>
<label for="vorname">Vorname<em>*</em></label>
<input type="text" id="vorname" name="vorname" size="15"/>
</p>
<p>
<label for="nachname">Nachname<em>*</em></label>
<input type="text" id="nachname" name="nachname" size="15"/>
</p>
<p>
<label for="passwort">Passwort<em>*</em></label>
<input type="password" id="passwort" name="passwort" size="15"/>
</p>
<p>
<label for="passwort2">Passwort erneut<em>*</em></label>
<input type="password" id="passwort2" name="passwort2" size="15"/>
</p>
<p>
<label for="email">E-Mail<em>*</em></label>
<input type="text" id="email" name="email" size="15"/>
</p>
<p>
<input class="submit" type="submit" value="abschicken"/>
</p>
</fieldset>
</form>
</body>
</html>
</pre>

← Nächstältere Version		Version vom 4. März 2021, 18:31 Uhr
Zeile 1:		Zeile 1:
−	Siehe auch [[jQuery - ValidationEngine]]	+	War früher mal das Tool der Wahl. Wenn du noch jQuery einsetzt würde ich heute eher zu einem anderen greifen. Z.B. das von jqueryvalidation.org
		+
		+	Siehe auch
		+	https://jqueryvalidation.org/documentation/ - gutes Plugin, gutes Tutorial in youTube
		+	[[jQuery - ValidationEngine]]

	== Links ==		== Links ==

← Nächstältere Version		Version vom 1. August 2013, 04:44 Uhr
Zeile 1:		Zeile 1:
		+	Siehe auch [[jQuery - ValidationEngine]]
		+
	== Links ==		== Links ==

@@ Zeile 27: / Zeile 27: @@
 <input class="required" type="text" value="" name="tx_gbtelecash_pi1[firstname]">
 </pre>
+==== Standard Klassen zur Validierung ====
 === Weitere Validierungsmöglichkeiten über die validate() Funktion ===
 Neben diese Klassen gibt es weitere Möglichkeiten zur Überprüfung. Die wichtigsten hierbei sind:
@@ Zeile 90: / Zeile 97: @@
   validate({ submitHandler: function(){###} })
 Sollte das Formular valide sein, wird der durch ### symbolisierte Quellcode ausgeführt. Ersetzt dabei das Standardverhalten beim Absenden des Formulars.
 == Komplettes Beispiel ==

← Nächstältere Version		Version vom 16. Mai 2012, 16:13 Uhr
Zeile 8:		Zeile 8:

	== Validate Snippets ==		== Validate Snippets ==
		+
		+	=== Standard Validierung ===
		+	Standardmäßig wird einfach in der Initialisierung das Formular mitgegeben (jQuery Standards)
		+	<pre>
		+	<script type="text/javascript" src="jquery-latest.js"></script>
		+	<script type="text/javascript" src="jquery.validate.js"></script>
		+	<script type="text/javascript">
		+	$(document).ready(function(){
		+	$("#Formular").validate();
		+	});
		+	</script>
		+	</pre>
		+
		+	In den Formularen werden einfach Klassen mitgegeben. Anhand dieser validiert das Tool:
		+	<pre>
		+	<input class="required" type="text" value="" name="tx_gbtelecash_pi1[firstname]">
		+	</pre>
		+
		+	=== Standard Klassen zur Validierung ===
		+	<pre>
		+	class=”required”: Feld muss gesetzt sein
		+	class=”url”: Feld muss eine gültige URL enthalten
		+	class=”email”: Feld muss eine gültige E-Mail enthalten
		+	class=”required email”: Feld muss gesetzt und eine gültige E-Mail enthalten
		+
		+
		+
		+	</pre>

	== Komplettes Beispiel ==		== Komplettes Beispiel ==

← Nächstältere Version		Version vom 16. Mai 2012, 14:26 Uhr
Zeile 1:		Zeile 1:
	== Links ==		== Links ==

		+	[[Media:jquery-validate-js.zip]]

	http://docs.jquery.com/Plugins/Validation/validate#options		http://docs.jquery.com/Plugins/Validation/validate#options

@@ Zeile 3: / Zeile 3: @@
 [[Media:jquery-validate-js.zip]]
-http://docs.jquery.com/Plugins/Validation/validate#options
+http://docs.jquery.com/Plugins/Validation
 http://blogs.fau.de/webworking/2011/05/13/tutorial-zur-eingabevalidierung-von-formularen-mit-hilfe-von-jquery/ (Zugriff: 2012-05)
-== Validate Snippets ==
+== Anleitung ==
 === Standard Validierung ===
@@ Zeile 26: / Zeile 28: @@
 </pre>
 === Standard Klassen zur Validierung ===
 <pre>
@@ Zeile 32: / Zeile 97: @@
   class=”email”: Feld muss eine gültige E-Mail enthalten
   class=”required email”: Feld muss gesetzt und eine gültige E-Mail enthalten
 </pre>

@@ Zeile 1: / Zeile 1: @@
 == Links ==
-[[http://docs.jquery.com/Plugins/Validation/validate#options]]
+http://docs.jquery.com/Plugins/Validation/validate#options
 [[http://blogs.fau.de/webworking/2011/05/13/tutorial-zur-eingabevalidierung-von-formularen-mit-hilfe-von-jquery/]] (Zugriff: 2012-05)
 == Validate Snippets ==

@@ Zeile 8: / Zeile 8: @@
 <pre>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <title>Eingabevalidierung von Formularen mit Hilfe von jQuery</title>
 <style type="text/css">
 	* { font-family: Verdana; font-size: 10pt; }
 	label { width: 10em; float: left; }
 	label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
 	p { clear: both; }
 	.submit { margin-left: 12em; }
 	em { font-weight: bold; padding-right: 1em; vertical-align: top; }
 	form { width: 40em; }
 </style>
 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 <script type="text/javascript" src="http://view.jquery.com/trunk/plugins/validate/jquery.validate.js"></script>
 <script type="text/javascript">