Validator-js

Validator-js — это инструмент для проверки данных на стороне клиента, который не зависит от других пакетов и не имеет стилей. Он может быть адаптирован к любой среде и позволяет настраивать сообщения об ошибках в соответствии с требованиями проекта.

Validator-js совместим с IE6 и более поздними версиями, а также с современными браузерами.

Использование:

Добавьте атрибут data-validator-options к элементам input и select, а затем напишите конфигурацию валидатора в формате JSON, например:

<input id="login_name" name="login_name"
    data-validator-options="required:true,validType:['loginName','length[6,32]']" >

• required: указывает, что поле обязательно для заполнения.
• validType: комбинация правил проверки, представленная в виде массива строк. Обратите внимание на формат! Значение length[6, 32] означает использование правила проверки length с параметрами 6 и 32.

Вы можете расширить список доступных правил проверки. Подробные примеры использования можно найти в файле src/html/demo.html.

Онлайн-демонстрация: http://jsrun.net/PYiKp

Задачи:

• Поддержка атрибутов maxLength и некоторых основных правил проверки HTML5 для элементов INPUT/SELECT, таких как required и pattern.
• Реализация поддержки min и max, которые являются правилами проверки HTML5 для числовых значений и дат.
• Оптимизация кода и замена его на среду ES6.
• Поддержка AMD и CMD.

Опыт работы над проектом:

1. Разработка среды ES6 для клиентской части

Хотя можно использовать babel для создания базовой среды ES6, некоторые API, такие как Symbol, не могут быть использованы после транспиляции. Кроме того, невозможно использовать полифиллы в среде клиентского JavaScript. Добавление этого пакета также вызывает некоторые неудобства, особенно при необходимости поддерживать IE6–8.

В итоге было принято решение расширить метод Array.forEach в средах IE6–8.** Поэтому, если вы используете этот пакет, имейте в виду, что он расширяет метод forEach для массивов в IE6–8**.

Подводя итог, опыт использования babel для разработки клиентской среды не был полностью удовлетворительным. Необходимо учитывать проблемы совместимости с родными API и возможные проблемы после транспиляции, что усложняет процесс разработки. Возможно, лучше сосредоточиться на проблемах совместимости с родными API браузера, хотя часть проблем может быть связана с недостаточной осведомлённостью о возможностях babel.