Textarea - JavaScript |从内容字段中删除换行符和空格

时间:2015-08-16 20:42:52

标签: javascript html textarea line-breaks spaces

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

假设这两个html元素。我的问题如下:

让我们说用户输入类似这样的textarea字段,就像打字一样。所有换行符和空格。 (是的,这是Python:P)

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

我的目标是创建一个JavaScript函数,删除所有空格和换行符(键入&#39; Enter&#39;)并返回无空格字符串。类似于&#34; ThisIsASampleText&#34;。我已使用document.getElementById('content').valuemyString.replace(/\s+/g, '')删除空格。无法使其发挥作用。有任何想法吗?

最好的问候

1 个答案:

答案 0 :(得分:7)

这是一个现场演示,演示如何使用您描述的正则表达式从文本区删除文本中的所有空格:

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版本:https://jsfiddle.net/afy5v66x/1/