Для поля ввода OTP Включайте кнопку только тогда, когда заполнены все 6 цифр

Для поля ввода OTP Включайте кнопку только тогда, когда заполнены все 6 цифр ⇐ Jquery

1 сообщение • Страница 1 из 1

Anonymous

Для поля ввода OTP Включайте кнопку только тогда, когда заполнены все 6 цифр

Цитата

Сообщение Anonymous » 07 дек 2023, 20:05

У меня есть поле формы OTP, в котором отключена кнопка «Подтвердить». кнопка должна быть включена только тогда, когда заполнены все 6 цифр.

HTML:

подтвердить Я попробовал приведенный ниже код JQuery, используя .is(':empty'), но он не работает... может кто-нибудь подсказать мне, что я делаю не так.
$('.form-otp').find('input').each(function() { $(this).on('keyup', function(e) { вар родительский = $($(this).parent()); if(e.keyCode === 8 || e.keyCode === 37) { var prev = родитель.find('input#' + $(this).data('предыдущий')); если(пред.длина) { $(предыдущий).select(); } } else if((e.keyCode >= 48 && e.keyCode = 65 && e.keyCode = 96 && e.keyCode < = 105) || e.keyCode === 39) { var next = Parent.find('input#' + $(this).data('next')); если (следующая.длина) { $(следующий).выбрать(); } } if ($(this).is(':empty')) { $('.js-otp-confirm').addClass('отключено'); } еще { $('.js-otp-confirm').removeClass('отключено'); } }); });

1701968710

Anonymous


У меня есть поле формы OTP, в котором отключена кнопка «Подтвердить». кнопка должна быть включена только тогда, когда заполнены все 6 цифр.
 

[img]https://i.stack.imgur.com/4i1Yu.png[/img]

 
HTML:
 
                                 подтвердить   Я попробовал приведенный ниже код JQuery, используя [b].is(':empty')[/b], но он не работает... может кто-нибудь подсказать мне, что я делаю не так.
 $('.form-otp').find('input').each(function() {     $(this).on('keyup', function(e) {         вар родительский = $($(this).parent());             if(e.keyCode === 8 || e.keyCode === 37) {                 var prev = родитель.find('input#' + $(this).data('предыдущий'));                 если(пред.длина) {                     $(предыдущий).select();                 }             } else if((e.keyCode >= 48 && e.keyCode = 65 && e.keyCode = 96 && e.keyCode < = 105) || e.keyCode === 39) {                 var next = Parent.find('input#' + $(this).data('next'));                 если (следующая.длина) {                     $(следующий).выбрать();                 }             }         if ($(this).is(':empty')) {             $('.js-otp-confirm').addClass('отключено');         } еще {             $('.js-otp-confirm').removeClass('отключено');         }     }); });