Рубрика «inputmask»

в 11:11, , рубрики: angular, input mask, inputmask, javascript, masking, maskito, ReactJS, TypeScript, web, Блог компании Tinkoff

Рады поделиться: выложили нашу разработку Maskito в открытый доступ, и совсем недавно произошел релиз ее первой мажорной версии. Maskito — коллекция библиотек, упрощающих маскирование текстовых полей, с удобным и гибким публичным API.

Maskito содержит разные библиотеки: основная написана на TypeScript без зависимостей, есть опциональный пакет с набором готовых конфигурируемых масок, а еще есть библиотеки для удобного использования Maskito в проектах на React, Angular или Vue. Рассказываю обо всем подробнее.

Читать полностью »

в 9:44, , рубрики: html, input mask, inputmask, javascript, masking, maskito, open source, TypeScript, web, Блог компании Tinkoff, Разработка веб-сайтов

Один античный оратор говорил, что всем людям свойственно ошибаться. Прошло много веков, а человек продолжает совершать ошибки каждый день. Даже беглое заполнение формы на сайте не обходится без опечаток. 

Хороший UI/UX помогает пользователю избежать большинства таких проблем. Инструментов контроля огромное количество, сегодня расскажу про один их них — создание маски для поля ввода силами Javascript.

Читать полностью »

в 12:04, , рубрики: imask, inputmask, javascript, open source, Разработка веб-сайтов

Новогодний IMaskjs 6 — React Native, Pipes, ESM - 1
Всем привет!

Я только что выпустил релиз шестой версии библиотеки imaskjs. После каждого мажорного релиза мне кажется, что это последняя версия. Библиотеке уже не один год, она стабильна и достаточно популярна среди сообщества. Что там еще можно сделать да еще и на мажорную версию? Во всех своих проектах я стараюсь делать задачи так, чтобы больше к ним не возвращаться в рамках текущего контекста. Что может измениться в маске? — Браузеры не меняют свои API, javascript все такой же, бизнес задачи все те же — телефоны, карты, числа. Почему нельзя уже остановиться, довести до ума и больше не трогать?

Читать полностью »

в 14:46, , рубрики: imaskjs, inputmask, javascript, open source, opensource, больница

image

Всем привет!

Прошло 3 года с тех пор, как я начал работу над библиотекой imaskjs. Хотя opensource — это бесконечный процесс, но можно сказать что в целом работа закончена и перешла в вялотекущий багфикс. На данный момент я сделал все что хотел, других идей нет, разве тесты пописать, но лень.

Это был нелегкий путь: много раз я хотел все бросить, и много раз считал, что все уже идеально. Сейчас все успокоилось и я могу со спокойной душой и чистой совестью вспомнить как это было и пофилософствовать на тему стоило ли оно того и зачем.
Читать полностью »

в 10:49, , рубрики: imaskjs, inputmask, javascript, jquery, ввод текста, маска, Разработка веб-сайтов, форматирование

IMaskjs — простое маскирование в браузере - 1

Нам нужна была работающая и удобная библиотека без зависимостей для маскирования ввода — и мы ее сделали. Через полгода с момента выпуска нулевой версии была выпущена версия 1.0 с многочисленными изменениями и улучшениями:

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

Читать полностью »

в 19:58, , рубрики: imaskjs, inputmask, javascript, jquery, ввод текста, маска, Разработка веб-сайтов, форматирование, метки: , ,
image

Речь пойдет об очередном решении многолетней проблемы в браузере — ограничение пользовательского ввода, или просто — маска, которая используется повсеместно: номера телефонов, кредитных карт, паспорта и т.д.

На данный момент было найдено два популярных решения:

  1. jQuery.Inputmask
  2. jQuery-Mask-Plugin

Те, кто пытался использовать маски в своих и без того непростых проектах, скорее всего были бы рады выбросить все это дело и использовать просто валидацию. Особенно если маска должна быть динамической, зависеть от уже введенных символов, нужна возможность получать размаскированное значение даже если пользователь ввел его не целиком, или нужно полностью скрыть placeholder… Что работало в одной библиотеке — не работало в другой, как только извращаться не приходилось. Уж проще самому написать, в конце то концов, программисты мы или кто!? Да и коллеги тоже не потерялись, написали под Android же.

Кому не терпится, вот оно: imaskjs.
Поломать демку можно здесь.
Читать полностью »

Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js