Как проверить input[type=text] на разрешенные символы?

Question

[Александр]

Хочу чтобы в <input id="js_validate" type="text" required /> можно было указать только разрешенные символы
А если вводят любой другой символ, например /, показывался alert "Опечатка, / это запрещенный символ".

$('#js_validate').on('input', validate);
function validate(e) {
	var $item = $(this),
		value = $item.val();
	var st = new RegExp('^[abcdefghjklmnprstuvwxyzABCDEFGHJKLMNPRSTUVWXYZ1234567890]$');
	if (st.test(value)) {
		// прошли проверку - всё ок
		return true;
	} else {
		// не даю ввести неправильный символ
		e.preventDefault();
		// подключен скрипт sweetalert.js
		// показываю алерт, что это была опечатка
		swal ( 'Опечатка' ,  'можно только буквы и цифры' ,  'error' );
	}
}

Помогите исправить код, плиз https://codepen.io/anon/pen/ZrRdPZ

Answer 1

[Anton fon Faust]

var st = new RegExp('[^a-zA-Z0-9]+');
и поменять условие на if (!st.test(value))

Comments

[Александр]

Спасибо
Как изменить регулярку, чтобы исключить oOqQ ?
Как сразу удалять из поля запрещенный символ ?

[Anton fon Faust]

Александр,
1) var st = new RegExp('([oOqQ]|[^a-zA-Z0-9])+');
но вообще, удобнее писать в нотации //, чем RegExp

2) $item.val($item.val.replace(/([oq]|[^a-z0-9])+/gi, '')); - удаляется все вхождения (флаг g) не важно в каком регистре (флаг i)