Могу ли я обработать два входа с одним и тем же именем класса в cleave. js? - PullRequest
Новая
       7

Могу ли я обработать два входа с одним и тем же именем класса в cleave. js?

0 голосов
/ 25 марта 2020

Допустим, есть это jsfiddle , и я хочу проверить тип кредитной карты каждого из этих полей ввода при вводе кредитной карты. У них одинаковое имя, потому что они будут во вкладках, которые будут создаваться автоматически, и я мог бы иметь ноль или, скажем, двадцать. Могу ли я проверить каждый из них, используя один и тот же ввод, или мне нужно создать уникальный класс для каждого из них, а затем создать уникальный класс Cleave на основе этого уникального класса?

Приведенный ниже код является просто копией того, что уже находится в jsfiddle HTML: 

<div>
    <section>
        <p>Credit card detector (<span class="type">unknown</span>): </p>
        <input class="input-0" />
    </section>

    <section>
        <p>Credit card detector (<span class="type">unknown</span>): </p>
        <input class="input-0" />
    </section>
</div>

JS: 

new Cleave('.input-0', {
    creditCard: true,
    onCreditCardTypeChanged: function(type) {
        document.querySelector('.type').innerHTML = type;
    }
});

и некоторые CSS, что на самом деле не важно.

Редактировать: Проблема также заключается в том, что onCreditCardTypeChanged имеет значение вызвано от cleave-esm. js, потому что там он определяет, будет ли это visa, amax или что-то еще.

...