[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Плагин - маска текстового поля
zvezda_t
Всем привет!

Посоветуйте, пожалуйста, хороший плагин для работы с <input type="text">?

Нужен для установки маски текстового поля.
Например, я хочу чтоб пользователь в текстовое поле мог ввести только номер по шаблону : 11 22 123456

Есть что-то подобное? smile.gif



Спустя 4 минуты, 4 секунды (3.10.2012 - 13:01) killer8080 написал(а):
Цитата (zvezda_t @ 3.10.2012 - 12:57)
Посоветуйте, пожалуйста, хороший плагин для работы с <input type="text">?

Какой плагин? Там кода на несколько строчек smile.gif

Спустя 6 минут, 59 секунд (3.10.2012 - 13:08) Игорь_Vasinsky написал(а):
Свернутый текст
вот я понять не могу. чего меня на работу не взяли то? чем не угодил. - пол вашего отдела на пенсию можно было бы отправить. не понимаю.

http://digitalbush.com/projects/masked-input-plugin/
http://www.meiocodigo.com/projects/meiomask/

Спустя 25 минут, 5 секунд (3.10.2012 - 13:33) zvezda_t написал(а):
killer8080, покажи? rolleyes.gif

Спустя 27 минут, 6 секунд (3.10.2012 - 14:00) killer8080 написал(а):
zvezda_t
уточни какой должен быть шаблон?

Спустя 1 минута, 46 секунд (3.10.2012 - 14:02) zvezda_t написал(а):
killer8080
для ввода паспортных данных серия и номер:
две цифры, пробел, две цифры, пробел, 6 цифр.

Спустя 52 минуты, 1 секунда (3.10.2012 - 14:54) killer8080 написал(а):
zvezda_t
тако вариант подходит?
<input type="text" onkeyup="check(this, event)" /> 
<
script type="text/javascript">
function check(inp, e){
e = e || window.event;

var pattern = ['\\d', '\\d', '\\s', '\\d', '\\d', '\\s', '\\d', '\\d', '\\d', '\\d', '\\d', '\\d'],
str = '',
val = inp.value;
for(var i = 0; i < pattern.length; i++){
if((new RegExp(pattern[i]).test(val.charAt(i))))
str += val.charAt(i);
}

if((str.length == 2 || str.length == 5) && e.keyCode != 8)
str += ' ';
inp.value = str;
}
</script>

Спустя 5 минут, 11 секунд (3.10.2012 - 14:59) zvezda_t написал(а):
killer8080
Да! То - что нужно!!!! Супер просто)))) Спасибо, большое))))
Буду разбирать и учиться))))

Спустя 10 минут, 29 секунд (3.10.2012 - 15:10) killer8080 написал(а):
zvezda_t
да не за что smile.gif
оно то же может быть не идеально. Для таких целей ИМХО лучше использовать несколько инпутов, под каждую группу цифр.



Спустя 19 минут, 9 секунд killer8080 написал(а):
Да, и еще, данные могут вводиться не только с клавиатуры, их могут вставить из буфера обмена, на это случай нужно еще навешать валидацию на onblur.

Спустя 17 часов, 8 минут, 56 секунд (4.10.2012 - 08:19) zvezda_t написал(а):
А почему, для поля <input type="date"> не работает?

Спустя 50 минут, 20 секунд (4.10.2012 - 09:09) Игорь_Vasinsky написал(а):
потому что html5 работает не только не во всех браузерах, а еще и в последних версиях (-+)

Спустя 4 минуты, 19 секунд (4.10.2012 - 09:13) zvezda_t написал(а):
Игорь_Vasinsky, это я знаю.
понятно, же что речь о тех браузерах - где он работает

Спустя 16 минут, 24 секунды (4.10.2012 - 09:30) Игорь_Vasinsky написал(а):
chrome20> или opera11 > ?

Спустя 4 минуты, 22 секунды (4.10.2012 - 09:34) killer8080 написал(а):
zvezda_t
не знаю, видимо html5 еще не "созрел" rolleyes.gif рановато его использовать. В разных браузерах работает совершенно по разному. Я бы просто оставил обычный текстовый инпут. Существуют же готовые плагины, выводящие красивый календарик для выбора даты. И кроссбраузерно, и одинаково выглядит во всех браузерах.

Спустя 5 минут, 56 секунд (4.10.2012 - 09:40) Игорь_Vasinsky написал(а):

Спустя 1 час, 29 минут, 35 секунд (4.10.2012 - 11:10) zvezda_t написал(а):
killer8080, спасибо за совет! smile.gif

Спустя 7 дней, 2 часа, 57 минут, 58 секунд (11.10.2012 - 14:08) zvezda_t написал(а):
попробовала плагин

http://digitalbush.com/projects/masked-input-plugin/

Он мне понравился, но там для телефонного номера: жесткое кол-во символов в скобках:
(999)999-999

а что если, код города из 4 цифер?
Возможно ли предусмотреть переменное кол-во символов с скобках?

Спустя 1 час, 31 минута, 39 секунд (11.10.2012 - 15:39) killer8080 написал(а):
Цитата (zvezda_t @ 11.10.2012 - 14:08)
а что если, код города из 4 цифер?


а если нужно еще код страны ввести? Тогда что? Не лучше ли сделать разные поля, для разных сущностей?

Спустя 14 часов, 45 минут, 36 секунд (12.10.2012 - 06:25) zvezda_t написал(а):
killer8080, придется...
мне просто маска очень понравилась rolleyes.gif

Спустя 1 час, 38 минут, 44 секунды (12.10.2012 - 08:04) Michael написал(а):
Цитата (zvezda_t @ 11.10.2012 - 13:08)
попробовала плагин

http://digitalbush.com/projects/masked-input-plugin/

Он мне понравился, но там для телефонного номера: жесткое кол-во символов в скобках:
(999)999-999

а что если, код города из 4 цифер?
Возможно ли предусмотреть переменное кол-во символов с скобках?

Во ты жжешь...
Это в ДЕМО 3 цифры, а настраивать можно сколько угодно.
Вот для четырех циферок.
Читать надо вкладку Usage - использование.

Спустя 11 минут, 40 секунд (12.10.2012 - 08:15) zvezda_t написал(а):
Michael
))))
ну, конечно, я поняла что можно и 4 и 5 поставить)
вопрос в том как сделать не фиксированное кол-во? например от 3 до 5 ?
где то код городо 3 цифры, где то 5. Это возможно???

Спустя 21 минута, 33 секунды (12.10.2012 - 08:37) Michael написал(а):
А вон ты о чем. Ну там же четко написано для чего плагин - allows a user to more easily enter fixed width input .


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.