JavaScript 隐藏/显示按钮

标签 javascript php

我试图根据信用卡验证是否返回 true 来隐藏/显示表单上的按钮。因此,如果是真的,他们可以点击结账,否则就不能。

<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 中做这样的事情?感谢您的帮助!

最佳答案

只需将您的代码替换为以下代码即可:

            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';
            }

就是这样,享受编码吧:)

关于JavaScript 隐藏/显示按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40055445/

相关文章:

javascript - 使用ng-repeat后如何选择特定元素?

php - Yii框架前后端分离

javascript - 不区分大小写的匹配和替换,同时尊重源字符串的大小写

java - 无法在Android代码中的Alarm OnReceive方法上执行select.php

php - array_search() 的逆向查找键而不是值

php - Zend 选择 NOT IN

PHP - 通过维护原始数组键按子数组值对数组进行排序

javascript - meteor JS : Display Posts with locations within x miles of current location

javascript - 在输入字段中放置一个 div

javascript - 无法访问和更改变量的属性