在javascript中获取信用卡到期日的月份和年份的值

Question

我正在从此链接复制代码

我想在用户输入到期日期时获取月份和年份的值。我正在使用onKeyPress和onKeyUp申请，但我无法在其中获得任何价值

<!-- Card expiry (element that is displayed) -->
<input class="expiry form-control" autocomplete="off"  required>
<!-- Card expiry - Month (hidden) -->
<input  class="expiry-month exp" name="card_exp_month" id="card_exp_month" required onKeyPress="edValueKeyPress()" onKeyUp="edValueKeyPress()">
<!-- Card expiry - Year (hidden) -->
<input class="expiry-year exp" name="card_exp_year" id="card_exp_year"  required>

脚本代码

function edValueKeyPress()
{
var card_exp_month = document.getElementById("card_exp_month").value();
alert(card_exp_month);
var card_exp_year = document.getElementById("card_exp_year").value();
alert(card_exp_year);
}

从 https://github.com/CardJs/CardJs 获取月份和年份值的正确方法是什么

Answer 1

如评论中所述，value不是函数。只需删除括号，它应该可以工作。

function edValueKeyPress()
{
var card_exp_month = document.getElementById("card_exp_month").value;
console.log(card_exp_month);
var card_exp_year = document.getElementById("card_exp_year").value;
console.log(card_exp_year);
}

<!-- Card expiry (element that is displayed) -->
<input class="expiry form-control" autocomplete="off"  required>
<!-- Card expiry - Month (hidden) -->
<input  class="expiry-month exp" name="card_exp_month" id="card_exp_month" required onKeyPress="edValueKeyPress()" onKeyUp="edValueKeyPress()">
<!-- Card expiry - Year (hidden) -->
<input class="expiry-year exp" name="card_exp_year" id="card_exp_year"  required>

顺便说一句，恕我直言，使用onKeyPress和onKeyUp不是一个好主意，它会被触发太多次。你最好使用onChange或提交按钮...好吧，这取决于您的要求。

Answer 2

为月份和年份编写单独的 onKeyPress 函数。并且需要 .value 来获取任何输入的值而不是 value((。代码应该是：var card_exp_month = document.getElementById("card_exp_month"(.value;