<div class="otp-wrapper">
        <div class="enterprise-details">
          Enter OTP sent in SMS on your mobile XXXX XX 5136.
        </div>
        <div class="verify-wrapper">
          <input class="otp-number" type="text" placeholder="-" />
          <input class="otp-number" type="text" placeholder="-" />
          <input class="otp-number" type="text" placeholder="-" />
          <input class="otp-number" type="text" placeholder="-" />
        </div>
        <div class="receive-otp">
          Did not receive OTP? &nbsp;
          <b style="color: #ee1d24"> Resend Now </b>
        </div>
      </div>

Как ограничить максимальную длину поля ввода Otp до одного в Vuejs? В первом поле ввода, если я попытаюсь ввести номер, он автоматически перейдет в следующее поле.

0
taneeru dhanunjay 22 Фев 2021 в 10:37

1 ответ

Лучший ответ

Я нашел пакет vueJs для ввода otp, как вы хотите. https://github.com/bachdgvn/vue-otp-input Если вы посмотрите на код автора, вы можете написать событие @change, которое переключит фокус на следующее поле ввода.

0
Dharman 22 Фев 2021 в 09:28