Question

123

Remove line break from textarea

rated 0 times [ 127] [ 4] / answers: 1 / hits: 55638 / 14 Years ago, mon, december 13, 2010, 12:00:00

I have a textarea like this:

<textarea tabindex=1 maxlength='2000' id=area></textarea>

I watch this textarea with jquery:

$(#area).keypress(function (e) {

    if (e.keyCode != 13) return;

    var msg = $(#area).val().replace(n, );

    if (!util.isBlank(msg))

    {

        send(msg);

        $(#area).val();

    }

});

send() submits the message to the server if the return key was pressed and if the message is not blank or only containing line spaces.

The problem: After sending the message, the textarea is not cleared.
On the first page load, the textarea is empty. Once a message was submitted, there is one blank line in the textarea and I don't know how to get rid of it.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

byrondonavanc

Add To Favorites

Follow

Total Points: 675

Total Questions: 107

Total Answers: 105

Location: Peru

Member since Fri, Oct 14, 2022

2 Years ago

byrondonavanc questions

1 Mongoose, getting TypeError: Cannot read properties of undefined (reading 'find')

Tue, Dec 28, 21, 00:00, 2 Years ago

1 Properly handle multiple files input with Formik and React

Tue, Apr 6, 21, 00:00, 3 Years ago

1 Puppeteer pdf page break bug

Thu, Mar 25, 21, 00:00, 3 Years ago

1 React useEffect() : Most efficient way to compare if two arrays of objects are equal

Fri, Dec 4, 20, 00:00, 4 Years ago

1 How to close dropdown on outside click NEXT.JS

Sat, Jul 25, 20, 00:00, 4 Years ago

View All

answered 14 Years ago hailie · Accepted Answer

The problem is that the Enter keypress is not being suppressed and is doing its usual browser behaviour (i.e. adding a line break). Add return false to the end of your keypress handler to prevent this.

$(#area).keypress(function (e) {

    if (e.keyCode != 13) return;

    var msg = $(#area).val().replace(/n/g, );

    if (!util.isBlank(msg))

    {

        send(msg);

        $(#area).val();

    }

    return false;

});