1

На данный момент есть скрипт, который запрещает вводить пробелы в текстовое поле (input). Как не только запрещать их вводить, но и обрезать пробелы при вставке текста, если они там есть?

<input type="text" name="name" onkeypress="return check(event);">

<script type="text/javascript">
  function check(event) {
    if (event.keyCode == 32) {
      return false;
    }
  }
</script>

2
  • нужно удалять все пробелы или только лидирующие и завершающие?
    – fellzo
    12 апр 2017 в 20:01
  • @fellzo нужно удалять все
    – Pavel
    12 апр 2017 в 20:02

3 ответа 3

1

Описание работы в ответе @fellzo :)

window.onload = function() {
  var txtInput = document.getElementById('txt');
  txtInput.addEventListener('input', function() {
    check(txtInput);
  });
}

function check(input) {
  var newValue = input.value.replace(/\s/g, '');

  if (input.value != newValue) {
    input.value = newValue;
  }
}
<input id="txt" type="text" name="name" />

0

Можно навесить обработчик на событие onpaste пример кода:

var myInput = document.getElementById('name'),
  cleanSpaces;

cleanSpaces = function(e) {
  e.preventDefault();
  var pastedText = '';
  if (window.clipboardData && window.clipboardData.getData) {
    pastedText = window.clipboardData.getData('Text');
  } else if (e.clipboardData && e.clipboardData.getData) {
    pastedText = e.clipboardData.getData('text/plain');
  }
  this.value = pastedText.replace(/\s/g, '');
};

myInput.onpaste = cleanSpaces;

function check(event) {
  if (event.keyCode == 32) {
    return false;
  }
}
<input type="text" id="name" onkeypress="return check(event);">

Ссылка на источник: Javascript - Removing spaces on paste

3
  • скопированный текст не вставляется в строку
    – Pavel
    12 апр 2017 в 20:26
  • @Pavel, опишите подробнее, что у Вас не вставляется? Может у Вас буфер пустой? Скопируйте кусок текста и вставьте. 12 апр 2017 в 20:30
  • я ошибся, всё работает, спасибо)
    – Pavel
    12 апр 2017 в 20:32
0

Привязать к отправке формы и изменению input'а фукнцию, которая меняет значение формы на значение без пробелов. Для этого можно использовать строковый метод replace(' ', ''), которая заменит каждый пробел на пустую подстроку.

function replace_spaces(event) {
  event.target.value = event.target.value.replace(' ', '');
}
<input type="text" id="inp" oninput="replace_spaces(event)">

2
  • исправляет только два слова, между которыми пробел. если же вставить текст, где множество пробелов - скрипт игнорируется
    – Pavel
    12 апр 2017 в 20:40
  • @Pavel просто нужно повесить обработку события onpaste
    – fellzo
    12 апр 2017 в 20:40

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.