删除文本区域开头和结尾的空白答案

【问题标题】：remove empty space in the beginning and at the end textarea删除文本区域开头和结尾的空白
【发布时间】：2020-03-17 18:13:05
【问题描述】：

所以我正在编写一个基本上删除空行的代码，以及删除字符串开头和结尾的空格。但是trim 函数似乎不起作用，我该如何解决？

这是我尝试过的代码

<textarea id="a">
 a

 b
 c   
</textarea><button id="c">Remove blank lines</button><textarea id="b"></textarea>

jQuery 代码是：

jQuery(function ($) {
    $("#c").on("click", function () {
        var avalue = $.trim($('#a').val());
        var newVal = avalue.replace(/^\s*[\r\n]/gm, '');
        $('#a').val(newVal);

    });
})

【问题讨论】：

我不知道我的 jquery 方法，但它可能像 JS 一样使用trim。查看您的代码，我相信您将字符串值放入 trim 方法中，但对于 JS，它将在字符串 obj (str.trim()) 上调用。也许var avalue = $('#a').val().trim(); 会做这项工作？
trim 工作完美。请检查第一个和最后一个字母jsfiddle.net/6cagdsme

标签： javascript jquery regex textarea

【解决方案1】：

Trim() 就是为此目的而制作的，它会删除字符串开头和结尾的空格

    jQuery(function ($) {
    $("#c").on("click", function () {
        var avalue = $.trim($('#a').val());
        var newVal = avalue.trim();
        $('#a').val(newVal);

    });
})

【讨论】：

你取消了删除空行的功能，我想同时删除空行和空格

【解决方案2】：

您可以使用修剪，它会删除周围的所有空格（左或右）。中间的空格将被保留。

<script>
    $(document).ready(function(){
        var myStr = $(".original").text();
        var trimStr = $.trim(myStr);
        $(".trimmed").html(trimStr);
    });
</script>
</head>
<body>
    <h3>Original String</h3>
    <pre class="original">      Paragraph of text with       multiple    white   spaces before and after.       </pre>
    <br>
    <h3>Trimmed String</h3>
    <pre class="trimmed"></pre>
</body>

【讨论】：

你取消了删除空行的功能，我想同时删除空行和空格
你的意思也是句子中的空格？就像你不想要 How Are You.... 而是你需要 HowAreYou?
如果是这种情况，您可以将修剪后的字符串拆分为空格“”，这将为您获取单词数组，然后加入结果（链接）。所以 trimStr.split(' ').join();让我知道这是否是您的要求，我将更新答案并添加这些行。谢谢:)