nicht angemeldet
Hallo!
Ich habe versucht, da ich es mir für meine Arbeit (Ab August - Ausbildung) Können muss, ein bisschen JQuery anzueignen.
Dafür habe ich eine Testseite gemacht mit einer maxLenght, (Geht ja nur über HTML oder? Wollte es eigentlich über JQ machen, klappt aber nicht da ich mehrere maxlenghts habe, falls doch wäre es super wenn ihr es mir verratet wie ;p
Ich möchte, das unter jeden der 4 Punkte
- Benutzername
- Passwort
- Passwort wiederholen
- E-Mail
steht wie viel Zeichen noch zur Verfügung stehen.
Hier der Code.
<html>
<head>
<title>Testseite für JQ</title>
</head>
<body>
<form id="myform">
<form action="demo_form.asp">
<div>
Benutzername: <input type="text" name="field" <textarea maxlength="14"></textarea>
<p class="charsRemaining"></p>
</div>
</form>
<br>
<br>
<form action="demo_form.asp">
Passwort:: <input type="text" name="pw" maxlength="25"><br>
</form>
<br>
<br>
<form action="demo_form.asp">
Passwort wiederholen: <input type="text" name="pwr" maxlength="25"><br>
</form>
<br>
<br>
<form action="demo_form.asp">
E-Mail Adresse: <input type="text" name="email" maxlength="40"><br>
</form>
<br/>
<input type="submit" value="Registrieren!">
</form>
<script>
$(document).ready(function(){
$('textarea[maxlength]').keyup(function(){
var max = parseInt($(this).attr(’maxlength’));
if($(this).val().length > max){
$(this).val($(this).val().substr(0, $(this).attr('maxlength')));
}
$(this).parent().find('.charsRemaining').html('Du hast noch ' + (max - $(this).val().length) + ' Zeichen zur Verfügung!');
});
});
</script>
</body>
</html>