使用javascript删除textarea onclick中多余的空白

我发现下面的代码可以删除textarea中多余的空白。它工作正常，但不会删除所有行的内部文本区域中的额外空白。我想在javascript中一次单击就删除所有行的多余空格。请帮我解决这个问题

这是代码

 <textarea class="input" name="input" type="text" id="txt" style="height: 250px;width: 450px;" placeholder="One Per Line"></textarea>
 <input type="button"  name="submit1" value="Clear Extra Space" id="run1"/>

Javascript:

<script>
$(document).ready(function() {
$('#run1').click(function() {
var textarea=$('#txt'); 
textarea.val(textarea.val().replace(/(^\s*)|(\s*$)/gi,""));
textarea.val(textarea.val().replace(/[ ]{2,}/gi," "));
textarea.val(textarea.val().replace(/\n /,"\n"));
});
});
</script>

$（文档）.ready（函数（）{
$（'#run1'）。单击（函数（）{
var textarea=$（'#txt'）；
textarea.val（textarea.val（）.replace（/（^\s*）|（\s*$）/gi，”）；
textarea.val（textarea.val（）.replace（/[]{2，}/gi，”）；
textarea.val（textarea.val（）.replace（/\n/，“\n”））；
});
});

将单击事件处理程序更改为

$（'#run1'）。单击（函数（）{
var textarea=$（'#txt'）；
var rows=textarea.val（）.split（“\n”）；
console.log（行）；
用于（变量计数器=0；计数器<行数.length；计数器++）
{
行[counter]=行[counter].trim（）；
if（行[计数器]。长度==0）
{
行。拼接（计数器，1）；
计数器--；
}
}
textarea.val（rows.join（“\n”））
});

$('#run1').click(function() {
    var textarea=$('#txt'); 
    var rows = textarea.val().split( "\n" );
    console.log(rows);

    for ( var counter = 0; counter < rows.length; counter++)
    {
       rows[ counter ] = rows[ counter ].trim();
       if ( rows[ counter ].length == 0 )
       {
          rows.splice( counter, 1 );
          counter--;
       }
    }
    textarea.val( rows.join( "\n" ) )
});