Маски ввода

download Скачать mask_ML_v2.js

Версия скрипта 2.0, последнее обновление: 11.05.2021

Копирование ввода

Управляемый объект
  • data-enter='#id' - помечает объект #id;

Объект ввода
  • data-enter-copy-to='#id' - копирует ввод в input с #id или вводит текст;

Примечание
  1. Управляемый объект может иметь только один id;

  2. Объект ввода может передавать свое значение нескольким получателям;

Пример

Копируем значение ввода

<input data-enter-copy-to='copy'> <input data-enter-id='copy'> <p data-enter-id='copy'></p>

Маска на ввод

Управляемый объект
  • data-enter-mask='#mask' - накладывает маску на ввод; #number - может быть только число (только целые числа);

  • #data-enter-mask-number='min,max' - установка предела в число (только min или max???);

Пример

Разрешаем вводить только цифры от -100 до 100 и копируем значения ввода

<input data-enter-copy-to='copy_2' data-enter-mask='number' data-enter-mask-number='-100,100'> <input data-enter-id='copy_2'> <p data-enter-id='copy_2'></p>

Добавить значение по клику (ближе к калькуляции)

Управляемый объект
  • data-enter='#id' - помечает объект #id;

  • data-enter-fork='min,max' - устанавливает границу возможных значений в объекте;

Объект нажатия
  • data-value-add='#id,#value' - добавляет #value к значению элемента с #id; Можно перечеслять через;

Пример

Создадим список продуктов с лимитов в 200 рублей

<input data-enter-copy-to='copy_2' data-enter-mask='number' data-enter-mask-number='-100,100'> <input data-enter-id='copy_2'> <p data-enter-id='copy_2'></p>

Яблоко 5 Руб./шт.

- +

Кефир 30 Руб./шт.

- +

Булка 23 Руб./шт.

- +

Итого: Руб.