val() заменить в textarea

Question

Есть ли способ предотвратить добавление новой строки, если текущая строка пуста в текстовом поле? Пример:

Разрешено:

The brown 
candle 

Предотвращение:

The brown 
      // --> empty line break 
candle 
      // --> empty line break 
      // --> empty line break 

В основном я хочу, чтобы избежать пустых переносы строк. Как я могу это сделать?

Это то, что я пробовал, но не добился успеха.

$('textarea#comment').val($('textarea#comment').val().replace(/\s*$/,"")); 

Answer 1

вы должны проверить и заменить текущее значение текстового области на клавишу до достижения этой цели следующим образом:

$('textarea#comment').on('keyup', function() { 
 
    $('textarea#comment').val($('textarea#comment').val().replace(/^(\r\n)|(\n\n)/,'')); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<textarea id="comment"></textarea>

Answer 2

Следующая предотвратит пустые строки, сохраняя при этом курсор на несколько нормальное положение. Хотя вам нужно проверить selectionEnd и input-event поддержку вашего проекта.

$('.no-extra-lines').on('input', function() { 
 
    var notAllowed = /(\r?\n){2,}/g, c = this.selectionEnd, len = this.value.length; 
 

 
    if (notAllowed.test(this.value)) { 
 
    this.value = this.value.replace(notAllowed, '$1'); 
 
    this.selectionEnd = c + this.value.length - len; 
 
    } 
 
});

<textarea class="no-extra-lines" rows="12" style="box-sizing: border-box; width: 100%">The brown 
 
candle</textarea> 
 
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>