Wirklich nützlicher Schnipsel, schade, dass ich ihn erst jetzt gesehen habe, da ich ihn für ein kürzlich abgeschlossenes Projekt hätte verwenden können. Nächstes Mal!
Schönes Skript. Genau das, wonach ich gesucht habe. Ich habe eine kleine Änderung vorgenommen, um dem Benutzer eine deutlichere Benachrichtigung zu geben, und vereinfacht, da für mein Skript nur minimale Zeichen erforderlich waren.
Beispiel bitte!
Fügen Sie es einfach in Dreamweaver ein und führen Sie es aus! … oder sogar Notepad :)
funktionierte nicht!
Haben Sie Ihre jQuery-Datei zur Seite hinzugefügt?
Funktionierte bei mir einwandfrei und ist ein sehr gutes Unterscheidungsskript
@Amine: Um es zum Laufen zu bringen, müssen Sie den Code einfach nach dem schließenden Tag einfügen
Danke für den Schnipsel
Funktioniert nicht bei mir
Wie füge ich die JS-Codes in die HTML-Datei ein?
Dieses Code-Snippet funktioniert hervorragend! Hier ist der einfache Code in Aktion: http://jsfiddle.net/9SUWP/
muss diesen JS-Code mit den obigen Codes verwenden
script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js”>
Cooler Schnipsel. :)
Wirklich nützlicher Schnipsel, schade, dass ich ihn erst jetzt gesehen habe, da ich ihn für ein kürzlich abgeschlossenes Projekt hätte verwenden können. Nächstes Mal!
Bestes Beispiel. Danke für das Teilen des Codes. Ich habe zusätzlichen CSS-Code für Ihr Beispiel gesendet und den JS-Code wie folgt geändert
CSS
.passstrength {
border: 1px solid #D7D7D7;
background-color: #eaeaea;
font-size: 9px;
vertical-align: middle;
display: inline-block;
margin-top: 5px;
}
.passstrength.error {
border: 1px solid #ff6161;
background-color: #ff7575;
}
.passstrength.alert {
border: 1px solid #ffc937;
background-color: #ffde5a;
}
.passstrength.ok {
border: 1px solid #4bb12c;
background-color: #57c435;
}
JS
$(‘#pass’).keyup(function(e) {
…
if (false == enoughRegex.test($(this).val())) {
$(this).next(‘.passstrength’).html(”);
} else if (strongRegex.test($(this).val())) {
$(this).next(‘.passstrength’).attr(‘class’,’passstrength’);
$(this).next(‘.passstrength’).addClass(‘ok’);
$(this).next(‘.passstrength’).html(‘Strong!’);
} else if (mediumRegex.test($(this).val())) {
$(this).next(‘.passstrength’).attr(‘class’,’passstrength’);
$(this).next(‘.passstrength’).addClass(‘alert’);
$(this).next(‘.passstrength’).html(‘Medium!’);
} else {
$(this).next(‘.passstrength’).attr(‘class’,’passstrength’);
$(this).next(‘.passstrength’).addClass(‘error’);
$(this).next(‘.passstrength’).html(‘Weak!’);
}
…
});
$(‘#pass’).keyup(function(e) {
…
if (false == enoughRegex.test($(this).val())) {
$(‘.passstrength’).html(”);
} else if (strongRegex.test($(this).val())) {
$(‘.passstrength’).attr(‘class’,’passstrength’);
$(‘.passstrength’).addClass(‘ok’);
$(‘.passstrength’).html(‘Strong!’);
} else if (mediumRegex.test($(this).val())) {
$(‘.passstrength’).attr(‘class’,’passstrength’);
$(‘.passstrength’).addClass(‘alert’);
$(‘.passstrength’).html(‘Medium!’);
} else {
$(‘.passstrength’).attr(‘class’,’passstrength’);
$(‘.passstrength’).addClass(‘error’);
$(‘.passstrength’).html(‘Weak!’);
}
…
});
Schönes Skript. Genau das, wonach ich gesucht habe. Ich habe eine kleine Änderung vorgenommen, um dem Benutzer eine deutlichere Benachrichtigung zu geben, und vereinfacht, da für mein Skript nur minimale Zeichen erforderlich waren.
http://jsfiddle.net/Xt9yG/
Vielen Dank nochmals für das Skript.
Warum gibt es true zurück? Warum nicht false?
Können wir $(this) zurückgeben, um Chaining zu ermöglichen?