javascript - Remove line-breaks and spaces from textarea - Stack Overflow

admin管理员组

文章数量:1356077

<textarea rows='5' cols='50' id='content'></textarea>
<input type='button' value='Extract Text' onclick='someFunction()'/>

Assume these two html elements. My problem is the following:

Let's say that the user enters into the textarea field something like this, exactly as typed. With all line breaks and spaces. (And yes, this is Python :P)

if (...):  
   print "Hello everyone!"
else:
   print "Dudes help me out!"

My objective is to make a JavaScript function which removes all the spaces and line breaks (typed with 'Enter') and returns a space-less string. Something like "ThisIsASampleText". I've used document.getElementById('content').value and myString.replace(/\s+/g, '') to remove spaces. Can't make it work. Any ideas?

Best Regards

<textarea rows='5' cols='50' id='content'></textarea>
<input type='button' value='Extract Text' onclick='someFunction()'/>

Assume these two html elements. My problem is the following:

Let's say that the user enters into the textarea field something like this, exactly as typed. With all line breaks and spaces. (And yes, this is Python :P)

if (...):  
   print "Hello everyone!"
else:
   print "Dudes help me out!"

My objective is to make a JavaScript function which removes all the spaces and line breaks (typed with 'Enter') and returns a space-less string. Something like "ThisIsASampleText". I've used document.getElementById('content').value and myString.replace(/\s+/g, '') to remove spaces. Can't make it work. Any ideas?

Best Regards

• javascript
• html
• textarea
• line-breaks
• spaces

Share Improve this question Follow edited Dec 16, 2019 at 12:22 vsync 131k5959 gold badges340340 silver badges423423 bronze badges asked Aug 16, 2015 at 20:42 incaliteincalite 3,21733 gold badges2828 silver badges3232 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

Here's a live demo of how to use the regex you described to remove all whitespace in the text from your textarea:

function someFunction() {
    var output = document.getElementById("content").value;
    output = output.replace(/\s/g, "") 
    document.getElementById("output").innerHTML = output;
}

<textarea rows='5' cols='50' id='content'></textarea>
<input type='button' value='Extract Text' onclick='someFunction()'/>
<div id="output"></div>

JSFiddle Version: https://jsfiddle/afy5v66x/1/

本文标签： javascriptRemove linebreaks and spaces from textareaStack Overflow