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

时间:2018-06-14 07:09:05

标签: javascript html github

我正在复制此Link

的代码

当用户输入过期日期时,我希望获得月份和年份的值。我正在申请 onKeyPress onKeyUp ,但我无法获得任何价值

bin\debug

脚本代码

<!-- 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>

https://github.com/CardJs/CardJs

获取月份和年份值的正确方法是什么

2 个答案:

答案 0 :(得分: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>

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

答案 1 :(得分:0)

为月份和年份分别编写onKeyPress函数。并且需要.value来获取任何输入的值而不是值()。代码应为:var card_exp_month = document.getElementById(&#34; card_exp_month&#34;)。value;