Ограничить символы буквами и цифрами в поле ввода

Question

Я хочу, чтобы люди, пытающиеся подписаться на моем сайте, вводили псевдоним, и этот псевдоним должен состоять исключительно из букв и цифр (никаких специальных символов вообще).

Я бы хотел что-то вроде следующего: abcdefghijklmnopqrstuvwxyz1234567890 только.

Как я могу проверить, есть ли у него только те?

Answer 1

Решение HTML5 будет ...

<input type="text" id="input-nickname" name="nickname" pattern="[a-z\d]*"  />

jsFiddle .

Однако для лучшей поддержки браузера вы можете использовать JavaScript ...

document.getElementById('input-nickname').onkeyup = function(event) {

    this.value = this.value.replace(/[^a-z\d]/, '');

}

jsFiddle .

Чтобы сделать версию JavaScript похожей на метод HTML5, посмотрите на событие submit формы.

Имейте в видуэто имеет довольно строгое определение букв и цифр.Для правильной поддержки Unicode найдите нужные вам диапазоны и используйте \u0000-\uFFFF, чтобы указать его.

Answer 2

с javasacript

function testAlphanumeric(input){
var regex=/^[0-9A-Za-z]+$/;
if(regex.test(input)){
alert("Good")
return true;
} else {
alert("Incorrect")
return false;
}
}

ссылка на источник: http://newsourcemedia.com/blog/javascript-non-alphanumeric-characters-regex/

Answer 3

Предлагаю взглянуть на: Библиотека RegEx

Он содержит много RegEx, которые вы можете протестировать непосредственно на сайте и изменить в соответствии с вашими потребностями.

Я всегда использую его в качестве источника всякий раз, когда мне нужно работать с RegEx.