маска ввода jQuery - PullRequest
       13

маска ввода jQuery

2 голосов
/ 31 октября 2011

Эй, я новичок в jQuery, я хочу проверить onblur на поле ввода этот формат cda 123.означают первые 3 символа пробела и 3 целых числа.Обычно я вижу, что код написан на входных идентификаторах, но если я хочу на класс, то как я могу это сделать.Например, у меня есть class = "InputMask-cccsnn". Я хочу, чтобы это было в этом формате.Как изменить мой следующий код.Пожалуйста, ответьте

Ниже приведен мой код на клавиатуре с одним входным идентификатором.

$('input').keyup(function(e){
    var value = $(this).val();
    if(value.length <= 3) {
       char = value.substring(value.length - 1);
        if(!(isNaN(char))) {
            var newval = value.substring(0, value.length - 1);
            $(this).val(newval);
        }
    }
    if(value.length > 3) {
       char = value.substring(value.length - 1);
        if(isNaN(char)) {
            var newval = value.substring(0, value.length - 1);
            $(this).val(newval);
        }
    }
});

Ответы [ 2 ]

4 голосов
/ 31 октября 2011

Просто используйте плагин jQuery для маски ввода, например, http://digitalbush.com/projects/masked-input-plugin/

Тогда вы можете использовать:

jQuery(function($){
    $(".InputMask-cccsnn").mask("aaa 999");   
});
2 голосов
/ 31 октября 2011

Вы можете использовать попробовать с помощью регулярных выражений.

if($('input').val().match(/.{3} \d{3}$/)){
        alert('valid');
    }
    else{
        alert('invalid');
    }

Проверьте демонстрационный пример для вашего случая здесь

http://jsfiddle.net/ryan_s/WYzhR/1/

...