Max Zeichen in Textarea mit jquery

Alle diese Antworten sind ein wenig seltsam, dass Sie versuchen zu tun, ein wenig zu viel. Eine einfachere und optisch gefälliger (weil Sie zeigt, dass der text schnell abgeschnitten) - und mit weniger Merkwürdigkeiten, die dem vorherigen Beispiel (beachten Sie, wie es überschreibt die Letzte Taste?) - ist, einfach schneiden Sie die Anzahl der Zeichen auf keyUp an der Zahl, ist erlaubt.

        $('textarea').keyup(function() {
            var tlength = $(this).val().length;
            $(this).val($(this).val().substring(0,textlimit));
            var tlength = $(this).val().length;
            remain = parseInt(tlength);
            $('#remain').text(remain);
         });    

Beachten Sie, dass diese dann funktioniert auch das einfügen von text, wie einige von den oben genannten Beispielen nicht.

Beispiel hier: http://jsfiddle.net/PzESw/5/

InformationsquelleAutor der Antwort daprezjer

Einen einfachen Weg, dies zu tun ist, um den text in der textarea um einen substring des vollen Betrags. Ein Beispiel finden Sie hier:

http://www.mediacollege.com/internet/javascript/form/limit-characters.html

InformationsquelleAutor der Antwort Mark Hildreth

Wenn Sie Ihren js wie folgt Aussehen sollte es für Sie funktionieren:

var $txtLenLeft = $('#txt-length-left'); //lets cache this since it isn't changing
$('#send-txt').keydown(function(e) { //take the event argument
   var Length = $(this).val().length; //lets use 'this' instead of looking up the element in the DOM
   var AmountLeft = maxLen - Length;
   $txtLenLeft.html(AmountLeft);
   if(Length >= maxLen && e.keyCode != 8){ //allow backspace
      e.preventDefault(); //cancel the default action of the event
   }
});

Können Sie sehen, ein Beispiel hier: http://jsfiddle.net/aP5sK/2/

InformationsquelleAutor der Antwort Martin Jespersen

Hier ist eine Lösung mit HTML5 data-Attribut automatisch zu binden, um alle benötigten Texteingabefelder:

$('textarea[data-max-length]').live('keypress', function(e) {
    if (String.fromCharCode(e.charCode || e.keyCode).match(/\S/) && $(this).val().length >= $(this).attr('data-max-length')) {
        e.preventDefault();
    }
});

InformationsquelleAutor der Antwort Mika Tähtinen

Sich auf keypress, keydown, keyup ist eine fehlerhafte Lösung, weil ein Benutzer kann kopieren und einfügen von Daten in die textarea ohne Tastendruck.

Begrenzen die Länge von text in einer textarea mit javascript-unabhängig davon, wie die Daten erhält, dort müssen Sie verlassen sich auf eine setInterval-Funktion timer-statt.

setInterval(function() {
if ($('#message').val().length > 250) {
    $('#message').val($('#message').val().substring(0, 250));
}}, 500);

Offensichtlich, ich nehme an, Sie haben eine id der Nachricht zugewiesen textarea.

InformationsquelleAutor der Antwort Halfstop

$("#message-field").on("keyup paste", function() {
  var $this, limit, val;
  limit = 140;
  $this = $(this);
  val = $this.val();
  $this.val(val.substring(0, limit));
  return $('#character-remaining').text(limit - $this.val().length);
});

InformationsquelleAutor der Antwort Diego Plentz

Ich finde, es funktioniert perfekt und nicht einmal flash die überschüssigen Zeichen in der textarea-Instanz vor, Sie zu entfernen, wie ein paar andere Lösungen.

<h1>Add a comment:</h1>
<form>
    <textarea name="commentText" id="commentText"></textarea>
</form>
<br><span id="commentChars">1000</span> characters remaining

<script type="text/javascript">

    function checkChars(){
        var numChars = $('#commentText').val().length;
        var maxChars = 1000;
        var remChars = maxChars - numChars;
        if (remChars < 0) {
            $('#commentText').val($('#commentText').val().substring(0, maxChars));
                remChars = 0;
            }
        $('#commentChars').text(remChars);
    }

    $('#commentText').bind('input propertychange', function(){
        checkChars();
    });

    checkChars();

</script>

InformationsquelleAutor der Antwort Dorian Fabre