inline Label und Form Validator Funktionieren nicht zusammen

matze93

Gesperrt
Hey,
wenn ich den script für den validator herausnehme, funktioniert bei mir des mit den inline labels. wenn ich des script für die inline labels rausnehme, funktioniert der validator. wenn ich beides drin habe, funktioniert nur eins von beiden (je nach positionierung des scripts). warum?
Code:
<!DOCTYPE html>
<html lang="de">
<head>
<script src="jquery.min.js">
<script src="label.js">
<script src="validator.js">
</head>
<body>
<form id="login" action="login.php?mode=login&redirect={redirect}" method="post">
	<p>
	<label for="username">Username</label>
	<input id="username" type="text" name="username" tabindex="1" required autofocus/>
	</p>
		
	<p>
	<label for="password">Passwort</label>
	<input id="password" type="password" name="password" tabindex="2" required/>
	</p>
	
	<p>
		Auto-Login:<input id="auto-login" type="checkbox" class="checkbox" name="auto-login" value="1"/>
	</p>
		
	<p id="buttons"><button type="submit" tabindex="3">Login</button></p>
	
	<script>$('#login input').inlineLabel();$(document).ready(function(){$("#login").validate();});</script>
</form>
</body>
</html>
Wie kann ich das ganze lösen? Also so, dass wenn ich ein Feld nicht ausgefüllt habe, die Fehlermeldung neben dem Input-Feld erscheint und das Benutzername und Passwort beim Aufrufen des Formulars im Input-Feld liegen?

Danke Im Vorraus
Matze

P.s. ich möchte für die Felder nicht Placeholder verwenden!

Edit: hab eine machbare Lösung gefunden. Aber noch nicht optimal.
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück