Jquery Div Textänderung funktioniert nicht richtig

Question

Ich versuche, eine Passwortstärke-Funktion zu schreiben. Wenn ein Benutzer ein Passwort eingibt, zeigt er ihm an, ob sein Passwort "schwach", "gut" oder "stark" ist, indem er einen Zähler und Text verwendet.

Wenn jedoch ein Benutzer ein schwaches Passwort eingegeben und sein Passwort im Eingabefeld gelöscht hat, wird ein starkes Passwort eingegeben. Der Text wird jedoch als "stark" angezeigt, da der Text das letzte Passwort ist ihren Text löschen. Hier ist meine Abfrage. Ich habe sowohl .text und .html versucht, aber sie beide geben mir die gleichen Ergebnisse

Hier ist ein Link auf den Code. Es funktioniert auf JFiddle, aber es funktioniert nicht auf meiner Website!

code

Code in JFiddle link 

Answer 1

ich Ihren Code nur getestet. Ich glaube, Sie haben vergessen,

$('#password-warning').text("") in der letzten else if hinzuzufügen.

Übrigens, anstatt === zu verwenden, verwenden Sie einfach ==. Vergessen Sie nicht === erfordert, dass beide Operanden vom selben Typ sind. Versuchen Sie, Ihren letzten else if Block mit dem folgenden ersetzen:

else if (password == ""){ 
    $('#password-strength-meter').val(0); 
    $('#password-warning').text(""); 
}