Was ist die beste JavaScript-Lösung, um die Länge einer Textfläche zu begrenzen?

7

Gibt es eine kanonische Lösung, um die Anzahl der Zeichen zu begrenzen, die jemand in ein Textfeld eingeben kann?

Ich habe natürlich eine serverseitige Validierung, möchte aber die Benutzerfreundlichkeit verbessern, indem ich clientseitigen Code hinzufüge, um die Erfahrung mit maxlength auf einer Eingabe [type="text"] zu simulieren, so dass Benutzer niemals die "Ihre" sehen Eingabe ist zu lang "Fehlermeldung, wenn sie JavaScript aktiviert haben.

    
Erv Walter 17.03.2009, 14:19
quelle

5 Antworten

23

Mein nichttechnisches $ 0,02

Machen Sie, was SO in ihren Kommentarfeldern tut, geben Sie eine Rückmeldung darüber, was die verbleibende Zeichenlänge des Benutzers ist, und lassen Sie sie über das Maximum hinausgehen, aber reichen Sie nicht & gt; 300 Zeichen. Hier ist warum:

  • Wenn Benutzer die maximale Anzahl an Zeichen überschreiten können, können sie eine Idee vervollständigen. Sie können dann zurückgehen und diese Idee bearbeiten. Es gibt nichts Schlimmeres, als am Ende eines Satzes zu stehen und es nicht zu Ende zu bringen.
  • Wenn Sie Feedback zur Zeichenlänge geben, müssen die Leute nicht raten, wie lang sie sind.     
    • Gavin Miller 17.03.2009, 14:36
    quelle
    5

    Ich würde es so machen:

    %Vor%

    So viele Bings, um vollständig sicher zu sein: -)

        
    Ilya Birman 17.03.2009 14:36
    quelle
    1

    Das wird es tun ...

    %Vor%     
    Josh Stodola 17.03.2009 14:38
    quelle
    1

    Hängen Sie ein onchange-Ereignis an den Textbereich an. Dort können Sie überprüfen, ob der Wert größer als der entsprechende ist oder nicht. Beispiel mit jQuery:

    %Vor%     
    Seb 17.03.2009 14:25
    quelle
    0

    Ich habe es in der Vergangenheit so gemacht:

    %Vor%

    Dann implementieren Sie diese Funktion:

    %Vor%

    Es ist ein ziemlich einfaches Beispiel, das die Länge auf 5 festlegt, aber hoffentlich gibt dir das eine Idee!

        
    Town 17.03.2009 14:29
    quelle

    Tags und Links

    Django: Verwenden von Annotate, Count und Distinct in einem Queryset Extrahieren lang Wert mit JavaScript