formatfield v1.1.0

Библиотека для форматирования ввода в поля

Примеры

Создана для совместной работы с библиотеками jquery.maskedinput, jquery validation

Установка

Основное

Подключить перед закрытием </body>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

<script src="./libs/formatField.min.js"></script>
/* Либо */
<script src="./libs/all.min.js"></script> // Содержит все необходимые библиотеки (formatField.js, jquery.maskedinput, jquery validation)

Используя менеджер пакетов

npm i formatfield --save

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

По data атрибутам:

<!-- для ввода ФИО -->
<input data-mask="fio" />
<!-- для ввода телефона -->
<input data-mask="phone" />
<!-- для ввода email -->
<input data-mask="email" />
<!-- для ввода букв и пробелов -->
<input data-mask="letters" />
<!-- для ввода целых чисел -->
<input data-mask="number" />
<!-- для ввода дробных чисел -->
<input data-mask="decimals" />

Как использовать фильтрацию ввода в input

$("[data-mask=name]").formatFeild({
  titleCase: true,
  layout: "toRu"
});

Параметры

Как использовать маску ввода

Документация jquery.maskedinput $("#phone").mask("(999) 999-9999");

Как использовать валидацию полей

Документация jquery validation

• Для активации валидации у формы

<form class="validate"></form>

• Для обязательных полей

<input class="required" />

$("input").rules("add", {
  minlength: 2
});

Основные параметры