Wiederherstellen anfängliche Textarea Wert mit jquery wenn Wert Länge <n

Question

Ich bin neu in Jquery und Javascript-Codierung und ich habe versucht, eine Funktion schreiben, die einen Anfangswert auf einem Textfeld wiederhergestellt, wenn die Länge des Wertes kleiner als "n" ist Figuren. Es funktioniert nicht. Kannst du mir erklären, wie das geht?

Hier ist der Code:

$("textarea").focus(function() { 
    var text = $(this).val(); 
    $(this).val(''); 
    $(this).blur(function() { 
     if($(this).val().lenght<20) 
     { 
      $(this).val(text); 
     } 
    }); 
}); 

Answer 1

Obwohl nicht sehr effizient, würde dies die Arbeit machen:

var text=''; 

$("textarea").focus(function() { 
    text = $(this).val(); 
}); 

$("textarea").blur(function() { 
    if($(this).val().length<20) 
    { 
     $(this).val(text); 
    } 
}); 

Answer 2

Sie benötigen einen Verschluss mit einem lokalen Bereich zu erstellen und in Ihre Variable übergeben, so dass es in diesem Bereich Lokal ist:

$("textarea").focus(function() { 
    var text = $(this).val(); 
    $(this).val(''); 
    (function(initialText) { 
     $(this).blur(function() { 
      if($(this).val().length < 20) 
      { 
       $(this).val(initialText); 
      } 
     }); 
    })(text); 
}); 

Wenn Sie nicht tun Erstellen Sie einen solchen lokalen Bereich mit einer Schließung, dann Ereignishandler, die Sie an übergeben werden nicht wissen, was text ist, da es nicht im Rahmen dieser Funktion ist.

Lesen Sie mehr über js Verschlüsse, z.B. hier: http://jibbering.com/faq/notes/closures/

Answer 3

Für solche Fälle können Sie die Funktion .data verwenden. Siehe unten,

$("textarea").one('focus', function() {  //will be executed once 
    $(this).data('init_val', $(this).val()); //set data with initial value 
    $(this).val('');       //clear the textarea 
}).blur(function() { 
    if($(this).val().length<20) {   //Check if entered text val is < 20 
     $(this).val($(this).data('init_val'));//If yes, update with initial val 
    } 
}); 

Answer 4

lenghtlength sein sollte.

Sobald Sie das behoben haben, werden Sie feststellen, dass Sie das Ereignis blur jedes Mal neu anheften, es aber nie entfernen, was bedeutet, dass Sie Tonnen von Zuhörern haben werden. Versuchen Sie one oder eine allgemeinere blur nur einmal angebracht.