jQuery detect if textarea is empty

前端 未结 11 848
抹茶落季
抹茶落季 2020-12-25 11:05

I am trying to determine if a textarea is empty if a user deletes what is already pre-populated in the textarea using jQuery.

Anyway to do this?

This is what

11条回答
  •  醉梦人生
    2020-12-25 11:50

    I know you are long past getting a solution. So, this is for others that come along to see how other people are solving the same common problem-- like me.

    The examples in the question and answers indicates the use of jQuery and I am using the .change listener/handler/whatever to see if my textarea changes. This should take care of manual text changes, automated text changes, etc. to trigger the

    //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.
    
            }
        });
    });
    

    Seems to work on all the browsers I use. http://jsfiddle.net/Q3LW6/. Message shows when textarea loses focus.

    Newer, more thorough example: https://jsfiddle.net/BradChesney79/tjj6338a/

    Uses and reports .change(), .blur(), .keydown(), .keyup(), .mousedown(), .mouseup(), .click(), mouseleave(), and .setInterval().

提交回复
热议问题