citrusValidator

Внимание! Документация и примеры устарели! Для использования смотрите основной пример в index.html или ждите обновления.

Валидатор CitrusValidator jQuery Plugin

Пример использования citrusValidator

$(function() {
  var form = new citrusValidator($("#signupForm1"));
});

html:

<form id="signupForm1" method="post" action="">
    <div class="form-group">
        <label class="col-sm-4 control-label" for="firstname1">Телефон:<span class="red">*</span></label>
        <div class="col-sm-6 icon-container input-container">
            <input data-valid="phone required" type="text" class="form-control" name="phone" placeholder="99-99-99 или +7 (999) 999-99-99"/>
        </div>
    </div>
</form>

У каждого поля через data-valid="" указывается правила валидации через пробел.

Работа с плагином

Предустановленные правила валидации

• required - обязательное поле
• important - вызывает событие lockForm если поле не валидно и unlockForm если валидно
• phone - Все телефоны России. Пр. +7 111 111 11 11 или 11-11-11
• phone_full - Федеральные номера России. Пр. +7 111 111 11 11
• ajax - post ajax запрос по пути data-ajax-url. Ответ строка с ошибкой
• email - Пр. [email protected]
• number - число + проверяет max, min параметры у поля
• main_password - поле для проверки confirm_password
• confirm_password - должен соответвовать main_password
• url - Пр. http://site.ru
• inn - ИНН юр и физ лица
• inn_u - ИНН юр лица
• inn_f - ИНН физ лица
• ogrn - ОГРН
• kpp - КПП

Все глобальные события, сообщения и правила устанавливаются через прототип (citrusValidator.prototype).

• _getMessage(messageName, arParams) - возвращает сообщение messageName отоформатированное массивом arParams или все сообщения если messageName пустое
• _setMessage(messageName, messageText) - Устанавливает сообщение
• _getRule(ruleName) - Получает правило ruleName или все правила если ruleName не задано
• _setRule(ruleName) - устанавливает правило ruleName
• _setRules(obRules) - устанавливает несколько правил
• _getEvent(eventName) - возвращает событие eventName или все события если eventName не задано
• _setEvent(eventName, fn) - устанавливает событие
• _setEvents(obEvents) - устанавливает несколько событий

Локальные через объект конструктора citrusValidator.

• getMessage(messageName, arParams) - возвращает сообщение messageName отоформатированное массивом arParams или все сообщения если messageName пустое
• setMessage(messageName, messageText) - Устанавливает сообщение
• getRule(ruleName) - Получает правило ruleName или все правила если ruleName не задано
• setRule(ruleName) - устанавливает правило ruleName
• setRules(obRules) - устанавливает несколько правил
• getEvent(eventName) - возвращает событие eventName или все события если eventName не задано
• setEvent(eventName, fn) - устанавливает событие
• setEvents(obEvents) - устанавливает несколько событий
• callEvent(eventName, arg) - вызывает событие и передает в него параметр