代码之家 › 专栏 › 技术社区 › incalite

从文本区域删除换行符和空格

spaces line-breaks textarea html javascript

incalite · 技术社区 · 10 年前

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

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

假设用户在文本区域字段中输入的内容与键入的内容完全相同。所有换行符和空格。(是的,这是Python:P)

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

我的目标是创建一个JavaScript函数,它删除所有空格和换行符(用“Enter”键入),并返回一个无空格字符串。类似于“ThisIsASampleText”。我用过 document.getElementById('content').value 和 myString.replace(/\s+/g, '') 以删除空格。无法使其工作。有什么想法吗?

顺致敬意,

1 回复 | 直到 5 年前

Maximillian Laumeister 10 年前

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

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/

推荐文章

Kevin Schinkel · Textarea中断MySQL更新查询

7 年前

Java Noob · Javafx文本区域禁用滚动条

7 年前

jprice92 · 当存在溢出时,禁用的TextArea Resize停止工作

7 年前

Lilyzeng · 如何更改r中textAreaInput的背景色?

7 年前

Alberto Muñoz Sánchez · 禁用文本区域中的垂直滚动条

7 年前

Genjik · text区域自动高度增加

7 年前

Mary · 有没有办法动态更改颤振文本字段的最大线?

7 年前

Mathis Garberg · maxlength属性的角度验证消息

7 年前

Andy · 在文本区域中保存文本的独立于浏览器的方式

8 年前

Kevin K · text区域和选项卡键:获取而不是跳转到下一个元素

8 年前