Begrenzen Sie die Länge der textarea in Worten mit Javascript?

Habe ich die folgenden bind on keyup-die Warnmeldungen, wenn Sie gehen über 150 Zeichen, aber Sie können nur drücken Sie OK, und halten Typisierung und dann einfach weiter drücken, okay.

Möchte ich zuschneiden auf 150 Wörter (nicht Zeichen) und wenn Sie geben über Sie, entfernen Sie die Zusätze. Aber ich kann nicht scheinen, um herauszufinden, wie es zu tun, ich kann herausfinden, Zeichen. Aber nicht mit Worten.

jQuery('textarea').keyup(function() {
      var $this, wordcount;
      $this = $(this);
      wordcount = $this.val().split(/\b[\s,\.-:;]*/).length;
      if (wordcount > 150) {
        jQuery(".word_count span").text("150");
        return alert("You've reached the maximum allowed words.");
      } else {
        return jQuery(".word_count span").text(wordcount);
      }
    });

Verlassen Sie sich nicht auf keyup/down allein. Betrachten Sie auch den Fall, dass der Benutzer dabei eine rechts-klicken -> einfügen oder text per drag-and-drop etc. Google nach "jQuery textchanged-event" und finden Sie, was benötigt wird.
Was soll ich also Vertrauen? Rechts klicken Sie auf einfügen, löst einen key... und ich habe keine Ahnung, was text drag drop ist.
Korrektur, die Prüfung auf Windows-IE-Ausschneiden/einfügen nicht-trigger-Taste. Ich werde ändern Sie es auf zurb.com/playground/jquery-text-change-custom-event
Wenn ich an die Grenze, die Sie verhängen I_would_just_start_not_using_spaces_and_i_will_get_my_say_in_no_propblem
Elias, yah ich weiß, es gibt Probleme mit ihm, das ist, warum ich nicht verlassen 100% auf javascript, es ist server-Seite zu. Aber ich will auch noch zuschneiden, X-Wörter, und es ist möglich mit javascript.
Ja, die zurb-plugin ist, was ich meinte. Sie bekam es!
stackoverflow.com/questions/1579408/...

InformationsquelleAutor Steven | 2012-10-01

Wenn Sie möchten, um zu verhindern, dass die Eingabe selbst (wenn count > 150), können Sie Folgendes machen:

Verwenden Tastendruck statt keyup
Statt return alert() zuerst ein alert() und dann return false;

Können Sie auch wollen, hinzufügen, ändern (oder Unschärfe) event-handler zu verarbeiten text einfügen.

var maxWords = 150;
jQuery('textarea').keypress(function() {
    var $this, wordcount;
    $this = $(this);
    wordcount = $this.val().split(/\b[\s,\.-:;]*/).length;
    if (wordcount > maxWords) {
        jQuery(".word_count span").text("" + maxWords);
        alert("You've reached the maximum allowed words.");
        return false;
    } else {
        return jQuery(".word_count span").text(wordcount);
    }
});

jQuery('textarea').change(function() {
    var words = $(this).val().split(/\b[\s,\.-:;]*/);
    if (words.length > maxWords) {
        words.splice(maxWords);
        $(this).val(words.join(""));
        alert("You've reached the maximum allowed words. Extra words removed.");
    }
});

Fiedel hier

Das erste funktioniert das zweite nicht funktioniert. Wenn Sie es ändern, auf zu binden fügen Sie die zusätzlichen Wörter werden entfernt, aber so sind alle Räume.
Ich werde Ihnen das akzeptiert Frage, weil das erste Beispiel löst mein problem. Das zweite Beispiel funktioniert nicht wie es sollte obwohl, nur ein Hinweis für andere.

InformationsquelleAutor prashanth

/**
 * jQuery.textareaCounter
 * Version 1.0
 * Copyright (c) 2011 c.bavota - http://bavotasan.com
 * Dual licensed under MIT and GPL.
 * Date: 10/20/2011
**/
(function($){
    $.fn.textareaCounter = function(options) {
        //setting the defaults
        //$("textarea").textareaCounter({ limit: 100 });
        var defaults = {
            limit: 100
        };  
        var options = $.extend(defaults, options);

        //and the plugin begins
        return this.each(function() {
            var obj, text, wordcount, limited;

            obj = $(this);
            obj.after('<span style="font-size: 11px; clear: both; margin-top: 3px; display: block;" id="counter-text">Max. '+options.limit+' words</span>');

            obj.keyup(function() {
                text = obj.val();
                if(text === "") {
                    wordcount = 0;
                } else {
                    wordcount = $.trim(text).split(" ").length;
                }
                if(wordcount > options.limit) {
                    $("#counter-text").html('<span style="color: #DD0000;">0 words left</span>');
                    limited = $.trim(text).split(" ", options.limit);
                    limited = limited.join(" ");
                    $(this).val(limited);
                } else {
                    $("#counter-text").html((options.limit - wordcount)+' words left');
                } 
            });
        });
    };
})(jQuery);

Last, und dann können Sie die folgenden verwenden, damit es funktioniert:

$("textarea").textareaCounter({ limit: 100 });

http://bavotasan.com/2011/simple-textarea-word-counter-jquery-plugin/

Nicht sicher, warum wurde diese gewählt, aber dies scheint der einzige zu sein, der tatsächlich funktionierte.
Das funktioniert wirklich gut. Danke!

InformationsquelleAutor RezaSh

1

Überprüfen jQuery: die Anzahl der Wörter in Echtzeit
und dieses Beispiel: http://jsfiddle.net/gilly3/YJVPZ/1/

Dann, wenn Sie möchten, schneiden Sie die zusätzlichen Worte... Sie könnten etwas tun wie:
```
var maxWords = 10;
if(finalCount > maxWords){
    $("#a").val(a.value.slice(0,-2)); //the -2 is to remove the extra space at the end
};
```
Hier ist ein funktionierendes Beispiel http://jsfiddle.net/YJVPZ/80/

Hoffe es hilft, viel Glück!
- Wenn Sie immer wieder versuchen zu geben, fügt es Teile des Wortes und führt auf die Eingabe. Also im Grunde nicht funktioniert.
- ¿?... kann nicht reproduzieren Sie das Problem, das Sie erwähnen, nicht in CR, FF oder IE. Wenn ich die Eingabe fortsetzen, wird das Skript löschen Sie die zusätzliche Wort-und Leerzeichen... Vielleicht sagen Sie, dass wenn Sie mit der Eingabe fortfahren rechts neben dem letzten Wort, fügt Sie hinzu und legte alle Briefe zusammen. Wenn dies ist, was Sie sagen, das ist normal, da ist der wechsler als ein Wort. Wie auch immer... spielt keine Rolle.
InformationsquelleAutor gmo

Versuchen, diese Funktion. Die value argument sollte dein textarea-Wert.

jQuery('textarea').val();


function wordcount(value)
{
    value = value.replace(/\s+/g," ");
    var andchr = value.split(" & ").length - 1;
    var char_count = value.length;
    var fullStr = value + " ";                      

    //word count for regional language
    v = value.split(' ');
    var word_count1 = v.length;                         
    var cheArr = Array('@','.','"',"'",'_','-','+','=',';','&','*','\(','\)','{','}','[','}','|','\\','\,','/');                            
    for(i=0; i<=cheArr.length; i++)
    {
        word_count1 = word_count1 + value.split(cheArr[i]).length - 1;
    } 

    //word count for all languages
    var initial_whitespace_rExp = /^[^A-Za-z0-9]+/gi;
    var left_trimmedStr = fullStr.replace(initial_whitespace_rExp, "");                     
    var non_alphanumerics_rExp = rExp = /[^A-Za-z0-9]+/gi;

    var cleanedStr = left_trimmedStr.replace(non_alphanumerics_rExp, " ");                      
    var splitString = cleanedStr.split(" ");                        
    var word_count = (splitString.length - 1) + andchr;                          
    if(word_count1 > word_count)
    {
        word_count = word_count1;
    }                       
    if(value == '' || value == null || typeof(value) == 'undefined'){
        word_count = 0;
    }

    alert(word_count);

}

Dieser hatte das gleiche problem, dass mein original-code (hatte nicht beschneiden zusätzliche Zeichen)

InformationsquelleAutor webCoder

$("textarea").keyup(function(){
         var obj = $(this);
         var maxLen = 150;
         var val = obj.val();
         var chars = val.length;
         if(chars > maxLen){
              obj.val(val.substring(0,maxLen));
         }
});

Ernten auf 150 Zeichen nicht in 150 Wörtern.

InformationsquelleAutor kannanrbk

-1

Registrieren, um diese Ereignisse:
```
$('textarea').on('paste cut keydown', function(){...});
```
- Das beantwortet nicht meine Frage an alle lol...
InformationsquelleAutor Stefan P.

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.