Jquery, wenn das Kennwort-Feld leer ist

Ich versuche, fügen Sie sichtbaren text, um ein Passwort-Feld, das sagt "Geben Sie ein Passwort" und klicken Sie auf den text wird gelöscht, und geben Sie Punkte. Ich habe zwei Eingänge, einer vom Typ=text und ein anderes Passwort. Die Passwort-Eingabe ist verborgen vor dem start aber angezeigt, nachdem Sie klicken Sie auf die Eingabe mit der "Enter a password" - Befehl.

Er tut dies http://mudge.github.com/jquery_example/, aber ich versuche, es zu machen für Passwort-Felder.

HTML

<input type="text" id="password_instructions" />
<input type="password" id="password" />

Den Jquery

        var $password = $('#password');
        $password.hide(); //hide input with type=password

        $("#password_instructions").click(function() {
                $( this ).hide();
                $('#password').show();
                $('#password').focus();

                if ($password.val().length === 0) { //if password field is empty            
                    $password.focusout(function() { //when clicking outside empty password input
                        $( this ).hide();
                        $('#password_default_value').show();
                        $('#password_instructions').default_value('Enter a password'); //will clear on click
                    });                     
                }
        });

Was nicht funktioniert:

Beim füllen der Passwort-Eingabe (mit Punkten erscheinen) und klicken Sie auf Auschecken der Eingang ist versteckt und die #password_instruction Eingang zeigt. So ist es nicht respektiert, wenn leere Anweisung. Für einige Grund es behandelt die Eingabe als leer, auch wenn ich tippte ein Passwort.

Was mache ich hier falsch?

  • Welche version von jQuery benutzt du?
  • Die neueste einem. Warum?
  • Ah, ich dachte, ich lese etwas über .val() in den neuen ein, aber es war über .attr(). Keine Sorge. 🙂
  • Überprüfen Sie diese Antwort, es kann helfen: stackoverflow.com/a/43185203/1770571
InformationsquelleAutor CyberJunkie | 2011-05-09
  1. 9

    Du scheinst zu erwarten, dass es eine Art "pause" nach dem Aufruf focus() und der überrest der JS-code wird nur dann ausgeführt, wenn der Anwender fertig ist, Tippen Sie das Passwort irgendwie.

    Dies ist nicht wahr. Die Funktion wurde vollständig ausgeführt, in einem Rutsch.

    Müssen Sie bewegen das folgende Stück

            if ($password.val().length === 0) { //if password field is empty            
            $password.focusout(function() { //when clicking outside password input
                $(this).hide();
                $('#password_default_value').show();
                $('#password_instructions').default_value('Enter a password'); //will clear on click
            });                     
        }

    in anderen standalone-Funktion:

    $('#password').focusout(function() {
    if ($(this).val().length === 0) { //if password field is empty            
        $(this).hide();
        $('#password_default_value').show();
        $('#password_instructions').default_value('Enter a password'); //will clear on click
    }
});
    • Danke für die Erklärung! Vielleicht habe ich damit den code zu viel auf php.. Ihre revision funktioniert! 🙂
    InformationsquelleAutor BalusC
  2. 3

    Meinst du:

    <input type="password" placeholder="enter password">

    Wenn Sie wollen, um dies zu implementieren, die für ältere Browser, die Sie haben zu bewegen, die Prüfung für das onBlur-Ereignis. In jQuery dieser sieht wie folgt aus:

    $('#password').blur(function() {
    if ($password.val().length === 0) { //if password field is empty            
        $password.focusout(function() { //when clicking outside password input
            $( this ).hide();
            $('#password_default_value').show();
            $('#password_instructions').default_value('Enter a password'); //will clear on click
        });                     
    }
});
    • Danke! Der code ist ein Ersatz für den Platzhalter, die ich fand heraus, dass nicht die Arbeit an Explorer 🙁
    • Ah, macht Sinn. Eine Menge Leute scheinen nicht bewusst zu sein, Platzhalter, so dachte, ich würde besser lassen Sie wissen!
    • Danke!!! Ich habe gerade herausgefunden über die Sie in der vorherigen Frage 🙂 aber-wie üblich-explorer macht es fast unerheblich.. Leute erzogen werden sollten, zu verwenden stoppen explorer
    • Wenn Sie so etwas wie Modernizr mit Modernizr.laden können Sie sicherstellen, dass Benutzer nur herunterladen polyfills, wenn Sie benötigt werden. Es gibt eine Liste hier github.com/Modernizr/Modernizr/wiki/... für die bits von code, wie Sie sind, schreiben Sie sich jetzt für eine fülle von Funktionen.
    • Modernizr ist eine tolle Idee! Danke für den link!
    InformationsquelleAutor Rich Bradshaw
Schreibe einen Kommentar