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

У меня есть html, который что-то вроде, не совсем такой, но просто для того, чтобы дать вам представление.

<input type="text" disabled="disabled" name="ip" />
<input type="text" name="name" />
<input type="text" name="email" />
<input type="submit" value="send" />

Как ограничить использование специальных символов только в поле имени? Мне нужны только буквенно-цифровые символы в поле имени.

Не могли бы вы помочь мне сделать это?

заранее спасибо


person NewbieDeveloper    schedule 22.08.2014    source источник
comment
Существуют различные способы сделать это, и я уверен, что это займет несколько секунд поиска в Google. Кроме того, вы можете запретить числовые символы в этом поле, но разрешить некоторые специальные символы, такие как точка или тире, которые вы, скорее всего, найдете в имени, чем какие-либо числа...   -  person Laurent S.    schedule 22.08.2014


Ответы (2)


Попробуй это:

var alphanumers = /^[a-zA-Z0-9]+$/;
if(!alphanumers.test($("#firstname").val())){
    alert("Nickname can have only alphabets and numbers.");
}

ДЕМО

or

$(document).ready(function () {
    var charReg = /^\s*[a-zA-Z0-9,\s]+\s*$/;
    $('.keyup-char').keyup(function () {
        $('span.error-keyup-1').hide();
        var inputVal = $(this).val();

        if (!charReg.test(inputVal)) {
            $(this).parent().find(".warning").show();
        } else {
            $(this).parent().find(".warning").hide();
        }

    });
});

DEMO2

person Suganth G    schedule 22.08.2014
comment
сработало, спасибо бро :) - person NewbieDeveloper; 22.08.2014

Вы можете выполнить поиск в Google о «маске ввода», например, в этом очень хорошем плагине: https://github.com/RobinHerbots/jquery.inputmask

Или этот тоже: http://digitalbush.com/projects/masked-input-plugin/< /а>

person Arthur    schedule 22.08.2014