Javascript hide / show button [закрыт]

Я пытаюсь скрыть / показать кнопку в моей форме в зависимости от того, вернулась ли проверка кредитной карты. Поэтому они могут щелкнуть checkout, если это правда, и в противном случае они не могут.

<script>
    $(function test() {

        $('#cardNo').validateCreditCard(function (result) {

            $('.log').html('Card type: ' + (result.card_type == null ? '-' : result.card_type.name)
                    + '<br>Valid: ' + result.valid
                    + '<br>Length valid: ' + result.length_valid
                    + '<br>Luhn valid: ' + result.luhn_valid);
            console.log(result.valid);
            console.log(result.length_valid);
            console.log(result.luhn_valid);
            if (result.valid == true && result.length_valid == true && result.luhn_valid == true) {
                console.log('we have entered the if statement');
                document.getElementById("checkoutButton").style.dislay = 'block';
            }
            else {
                console.log('we are not in the if statement');
                document.getElementById("checkoutButton").style.display = 'none';
            }
        });
    });
</script>

Я подтвердил, что, когда я ввожу правильный номер кредитной карты, мы переходим к утверждению if. Консоль будет читать «мы ввели оператор if». Однако кнопка проверки не станет видимой на странице.

Мне интересно, можно ли сделать что-то подобное в javascript? Спасибо за помощь!

javascript,php,

2

Ответов: 3


1 "> принят

просто замените свой код на этот:

            if (result.valid == true && result.length_valid == true && result.luhn_valid == true) {
                console.log('we have entered the if statement');
                document.getElementById("checkoutButton").style.display = 'block';
            }
            else {
                console.log('we are not in the if statement');
                document.getElementById("checkoutButton").style.display = 'none';
            }

Вот и все, Наслаждайтесь кодированием :)


1

Меняться от

document.getElementById("checkoutButton").style.dislay = 'block';

в

document.getElementById("checkoutButton").style.display = 'block';

1

У вас есть ошибка, которая обычно является типичной грамматической ошибкой в ??коде JavaScript.

В коде JS ошибка определяется как TYPO Error. Следовательно, выпрямляя ошибку опечатки, вы можете заставить функцию hide / show работать хорошо.

Вы использовали Style display PropertyJavaScript в JavaScript.

Краткая информация об этом: - Свойство отображения задает или возвращает тип отображения элемента.

Элементы в HTML в основном являются «встроенными» или «блочными» элементами: встроенный элемент имеет плавающее содержимое слева и справа. Блок-блок заполняет всю строку, и ничто не может отображаться слева или справа.

Свойство отображения также позволяет автору показывать или скрывать элемент. Он похож на свойство видимости. Однако, если вы установите отображение: none, он скрывает весь элемент, а видимость: hidden означает, что содержимое элемента будет невидимым, но элемент останется в исходном положении и размере.

Синтаксис:

 document.getElementById("myDIV").style.display = "none";

Решение

Заменить Этот код, так как он имеет опечатку:

document.getElementById("checkoutButton").style.dislay = 'block';

С:

document.getElementById("checkoutButton").style.display = "block";
JavaScript, PHP,
Похожие вопросы