jQuery erkennt, ob Textarea leer ist

Ich bin versucht zu ermitteln, ob eine textarea ist leer, wenn ein Benutzer löscht, was bereits vorausgefüllt in die textarea mit jQuery.

Jedenfalls dazu?

Dies ist, was ich habe und es funktioniert nicht

$(textarea).live('change', function(){
            if($(this).val().length == 0) {
                $(submitButtonClass).addClass('disabled_button');
                $(submitButtonClass).removeClass('transSubmit');
            } else {
                $('.disabled_button').addClass('transSubmit').css({
                    'cursor':'pointer'
                }).removeClass('disabled_button');
            }
        });

InformationsquelleAutor der Frage dennismonsewicz | 2010-11-05

jquery

if (!$("#myTextArea").val()) {
    //textarea is empty
}

Können Sie auch $.trimum sicherzustellen, das element nicht enthalten, nur white-space:

if (!$.trim($("#myTextArea").val())) {
    //textarea is empty or contains only white-space
}

InformationsquelleAutor der Antwort Andy E

5
```
if (!$.trim($("element").val())) {

}
```
InformationsquelleAutor der Antwort IlludiumPu36
3

Finden Sie heraus, wenn die textarea leer ist haben wir einen Blick auf die textarea-text-Inhalt, und wenn es eine Einzel-Zeichen-gefunden werden, ist es nicht leer.

Versuchen:
```
if ($(#textareaid).get(0).textContent.length == 0){
  //action
}
//or
if (document.getElmentById(textareaid).textContent.length == 0){
  //action
}
```
$(#textareaid) ruft uns die textarea jQuery-Objekt.
$(#textareaid).get(0) ruft uns die dom-Knoten.
Wir könnten auch document.getElmentById(textareaid) ohne die Verwendung von jQuery.
.textContent bringt uns der textContent des dom-Elements.
Mit .length können wir sehen, ob es irgendwelche Zeichen vorhanden.
Also die textarea leer ist, im Falle, dass es keine Zeichen innerhalb von.

InformationsquelleAutor der Antwort Thariama
3

Ich weiß, Sie sind lange Vergangenheit immer eine Lösung. Also, das ist für andere, die kommen, um zu sehen, wie andere Menschen die Lösung der gleichen gemeinsamen problem-so wie ich.

Den Beispielen in der Frage und Antworten gibt die Verwendung von jQuery und ich bin mit dem .change-listener/handlers/whatever um zu sehen, ob meine textarea ändert. Dieser sollte sich darum kümmern, manuelle text-änderungen, automatisierte text-änderungen, etc. zum auslösen der
```
//pseudocode
$(document).ready(function () {
    $('#textarea').change(function () {
        if ($.trim($('#textarea').val()).length < 1) {

            $('#output').html('Someway your box is being reported as empty... sadness.');

        } else {

            $('#output').html('Your users managed to put something in the box!');
            //No guarantee it isn't mindless gibberish, sorry.

        }
    });
});
```
Scheint zu funktionieren auf allen Browsern, die ich benutze. http://jsfiddle.net/Q3LW6/

Neuere, gründlichere Beispiel: https://jsfiddle.net/BradChesney79/tjj6338a/

Verwendet und Berichte .ändern Sie(), .blur(), .keydown(), .keyup(), .mousedown(), .mouseup(), .klicken Sie auf(), mouseleave(), und .setInterval().

InformationsquelleAutor der Antwort BradChesney79
2

Brauchen Sie nur, um den Wert der texbox und sehen, ob es etwas in ihm:
```
if (!$(`#textareaid`).val().length)
{
     //do stuff
}
```
InformationsquelleAutor der Antwort Chris Kooken

Hier mein funktionierenden code

function emptyTextAreaCheck(textarea, submitButtonClass) {
        if(!submitButtonClass)
            submitButtonClass = ".transSubmit";

            if($(textarea).val() == '') {
                $(submitButtonClass).addClass('disabled_button');
                $(submitButtonClass).removeClass('transSubmit');
            }

        $(textarea).live('focus keydown keyup', function(){
            if($(this).val().length == 0) {
                $(submitButtonClass).addClass('disabled_button');
                $(submitButtonClass).removeClass('transSubmit');
            } else {
                $('.disabled_button').addClass('transSubmit').css({
                    'cursor':'pointer'
                }).removeClass('disabled_button');
            }
        });
    }

InformationsquelleAutor der Antwort dennismonsewicz

0

Andy E Antwort hat mir geholfen, den richtigen Weg, um für mich zu arbeiten:
```
$.each(["input[type=text][value=]", "textarea"], function (index, element) {
if (!$(element).val() || !$(element).text()) {
 $(element).css("background-color", "rgba(255,227,3, 0.2)");
}
});
```
Diese !$(element).val() nicht fangen eine leere textarea für mich. aber das ganze bang (!) was hat funktioniert, wenn kombiniert mit text.

InformationsquelleAutor der Antwort pjammer

$.each(["input[type=text][value=]", "textarea[value=]"], function (index, element) {
              //only empty input and textarea will come here
});

InformationsquelleAutor der Antwort iswok

0
```
if(!$('element').val()) {
   //code
}
```
InformationsquelleAutor der Antwort Manish

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.