VPF::JQuery + Input Mask - Форум программистов

Gold Dragon

Дата 26.6.2014, 10:53 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71

Использую скрипт ввода данных по шаблону Input Mask (https://github.com/RobinHerbots/jquery.inputmask)

есть код

Код


<label>
    <span id="date_start_err"><img width="20" src="<?= _PATH_URL; ?>/images/no.png"/></span>Дата начала контракта:
    <input id="date_start" type="date" size="6">
</label>

<label>
    <span id="date_finish_err"><img width="20" src="<?= _PATH_URL; ?>/images/no.png"/></span>Дата окончания контракта:
    <input id="date_finish" type="date" size="6">
</label>

Использую маску для ввода даты

Код


    $(function () {
        $('#date_start').inputmask("d.m.y", {
            "placeholder": "дд.мм.гггг",
            "oncomplete": function () {
                $("#date_start_err").html('<img width="20" src="/images/ok.png" />');
                $("#date_finish").val($(this).val());
            },
            "onincomplete": function () {
                $("#date_start_err").html('<img width="20" src="/images/no.png" />');
            }
        });

        $('#date_finish').inputmask("d.m.y", {
            "placeholder": "дд.мм.гггг",
            "oncomplete": function () {
                $("#date_finish_err").html('<img width="20" src="<?= _PATH_URL; ?>/images/ok.png" />');
            },
            "onincomplete": function () {
                $("#date_finish_err").html('<img width="20" src="<?= _PATH_URL; ?>/images/no.png" />');
            }
        });
    });

Суть простая.. ввожу в одно поле дату и как только наступает событие "правильной" даты, то она копируется в другое поле. Но вот как активировать событие проверки во втором поле. Если просто поменть что-то, то событие спокойно активируется...

Это сообщение отредактировал(а) Gold Dragon - 26.6.2014, 10:53

--------------------

Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!

Aliance

Дата 26.6.2014, 11:36 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Судя по вот этому разделу документации, там и так все должно срабатывать.
Но, видимо, написано не верно. Поэтому сработает вызов события напрямую:

Код


$("#date_finish").val($(this).val()).trigger('complete');

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Gold Dragon

Дата 26.6.2014, 14:32 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71

Вот ты ГЕНИЙ!!!!!!!!!!!!!
Спасибо огромное.. Я уж прям разочеровался в скрипте, хотел менять...

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »