Как разрешить ввод только определенных симовлов?

Question

[caof19]

Здравствуйте, нужно разрешить ввод в input только цифр, тире и скобок. Причем это нужно сделать через js, чтоб пользователь физически не мог вводить буквы, пробелы и тд.

Answer 1

[Stalker_RED]

И добавьте еще проверку вставки из буфера.

Comments

[Spartak (Web-StyleStudio)]

Не работает, вводится всё что угодно. Поправь

[Stalker_RED]

Spartak (Web-StyleStudio), ие9?

[Spartak (Web-StyleStudio)]

Stalker_RED,
Нет, хром на мобильном, на компе не пробовал

Answer 2

[Spartak (Web-StyleStudio)]

document.querySelector('input').addEventListener('input', function() {
	this.value = this.value.replace(/[^0-9\-()]/g, '');
});

Comments

[Stalker_RED]

курсор будет дергаться, особенно если пытаешься в середину что-то ввести.

Answer 3

[caof19]

$(' input[type="tel"]').bind("change keyup input click", function() {
		if (this.value.match(/[^\0-9\-\+\(\)]/)) {
			this.value = this.value.replace(/[^\0-9\-\+\(\)]/, '');
		}
	});

Единственно, есть проблема, при вводе из буфера, допустим с двумя буквами, удаляется только одна, вторая удаляется при втором клике на инпут

Comments

[Stalker_RED]

тоже сдвигает курсор.

[Spartak (Web-StyleStudio)]

caof19,

допустим с двумя буквами, удаляется только одна

Так будет удалятся всё что не нужно

$('input[type="tel"]').bind("change keyup input click", function() {
	if (this.value.match(/[^0-9\-\+\(\)]/g)) {
		this.value = this.value.replace(/[^0-9\-\+\(\)]/g, '');
	}
});

P/S: события - change keyup click, здесь наверное все-таки лишние, достаточно одного input

Answer 4

[Воващ]

https://developer.mozilla.org/ru/docs/Web/JavaScri...