Как запретить ввод нуля перед цифрой в input?

Question

[Ibishka]

Здравствуйте.

Есть input в котором value равно 1.

Нужно запретить вывод перед цифрой ноль т.е например писать 01 нельзя.

Буду благодарен за любую помощь и подсказки.

Comments

[Сергей Карвасарный]

const test = "01";
console.log(test.replace(/^0|[^\d]/g, '')); наверное так

Answer 1

[BigSmoke]

<input type="text" class="inp" />

document.querySelector('.inp').addEventListener('input', e => {
  e.target.value = e.target.value.replace(/^0/, '');
});

Answer 2

[Karpion]

А что надо делать, если юзер поставил курсор в начало поля и жмёт ноль?

Comments

[newaitix]

ничего

Answer 3

[Deeno]

можно так

let inp = document.querySelector("input");

inp.addEventListener("input", function() {
  if (this.value == 0) {
    console.log("0 is not supported");
    this.value = "";
  } else {
    console.log(this.value);
  }
});

Comments

[Andrey Suha]

Так вообще ноль нельзя будет ввести

[Karpion]

Deeno, не сработает, если человек ввёл нормальное число, потом передвинул курсор и вбивает ноль перед числом.

Andrey Suha, Если ввести нормальную цифру, потом ноль - то this.value не будет равно нулю.