javascript - 如果满足条件则验证表单

Question

我正在从事信用卡项目。我在 javascript 中有一个函数(validateCreditCard)，可以帮助我验证信用卡并返回信用卡类型。获取信用卡类型后，我将其存储为隐藏输入 cardType 的值，以便在提交表单后使用。单击提交按钮后，如果函数 cardFormValidate 返回 true，用户将被带到“proceed.php”。

这就是我试图通过编写这些代码行来实现的目标，但隐藏输入的值仍然为空。请帮助我。抱歉，我的母语不是英语

function cardFormValidate() {

        //Card validation
        var card_number = $('#CreditCardNumber');
        card_number.validateCreditCard(function (result) {
            var cardType = (result.card_type == null) ? '' : result.card_type.name;
            if (result.valid) {
                $("#cardType").val(cardType);
                cardValid = true;
            } else {
                $("#cardType").val('');
                cardValid = false;
            }
          return cardValid;
        });

    }

    $(document).ready(function() {

        //Submit card form
        $("#PayButton").on('click',function(){
            if (cardFormValidate()) {
                //Move to proceed.php to treat the form
            }else{
              alert('bad credit card');
            }
        });
    });

<form method="post" action="proceed.php">
    <input name="cardType" type="hidden" id="cardType">
    <div class="form-group">
        <label for="NameOnCard">Name on card</label>
        <label for="NameOnCard"></label><input id="NameOnCard" class="form-control" type="text" name="NameOnCard" maxlength="255"/>
    </div>
    <div class="form-group">
        <label for="CreditCardNumber">Card number</label>
        <input id="CreditCardNumber" class="null card-image form-control" name="CreditCardNumber" type="text"/>
    </div>
    <button id="PayButton" type="submit"></button>
</form>

Answer 1

我认为 validateCreditCard 函数未正确执行，并且您得到的是空值..

1 ) 首先检查您是否获得Card_Number？

如果没有则输入alert(card_number)试试这条线

var card_number = $('#CreditCardNumber').val();

2) validateCreditCard 的返回数据必须有 name 属性检查一下，否则你将得到 null 值..