Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Применение библиотек > JQuery + Input Mask


Автор: Gold Dragon 26.6.2014, 10:53
Использую скрипт ввода данных по шаблону 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" />');
            }
        });
    });


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






Автор: Aliance 26.6.2014, 11:36
Судя по https://github.com/RobinHerbots/jquery.inputmask#set-a-value-and-apply-mask документации, там и так все должно срабатывать.
Но, видимо, написано не верно. Поэтому сработает вызов события напрямую:
Код

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

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)