Javascript 当用户使用jquery输入无效的日期或月份时，“下一步”按钮将被禁用

我有一个输入信用卡信息的字段。我从这个链接复制了这个代码

我想，当用户输入少于月或年，然后下一步按钮将被禁用

这是用户输入信用卡信息的html代码

<div class="row col-sm-12">
<div class="card-js form-group has-label col-sm-8">

  <!-- Card number -->
  <input class="card-number form-control" name="card_number" placeholder="Enter your card number" autocomplete="off" required>

  <!-- Name on card -->
  <input class="name form-control" id="card_holder_name" name="card_holder_name" placeholder="Enter the name on your card" autocomplete="off" required>

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

  <!-- Card expiry - Year (hidden) -->
  <input class="expiry-year exp" name="card_exp_year" id="card_exp_year"  required>

  <!-- Card CVC -->
  <input class="cvc form-control" name="card_cvc" autocomplete="off" required>

</div>
<?php
  $month= date('n');
  $year= date('y');
 ?> 
  <input type="text" name="curr_month" id="curr_month" value="<?php echo $month;?>"/>
  <input type="text" name="curr_year" id="curr_year" value="<?php echo $year;?>"/>
</div>
<div class="pull-right">
<input type='button' class='btn btn-next btn-fill btn-rose btn-wd' name='next' value='Next' id="billing_nxtBtn"/>
</div>

您的条件无效，您应该在条件中添加
而不是

这是工作代码-


在（'input'，function（）上{
var exp_month=数字（$（“#卡片exp_month”）.val（）；
var exp_year=数字（$（“#卡片exp_year”）.val（）；
var curr_月=数字（$（“#curr_月”）.val（）；
var curr_year=数字（$（“#curr_year”）.val（）；
$（“#账单nxtBtn”）.prop（'disabled'，！（exp#u year>curr#u year | |（exp#year==curr#u year&exp#u month>curr#month））；
});

请改为使用jQuery
。on（'change'）
？通过执行
Number（）
，尝试将所有变量转换为整数。您能用代码解释一下吗？谢谢您的支持。。但问题是，在您的代码中，当用户输入的exp month大于current month时，“下一步”按钮将被禁用。。我希望exp月小于当前月，然后禁用“下一步”按钮…是否可能在这种情况下工作？下一步按钮仍处于禁用状态disabled@Arslan我只为有效输入启用了“下一步”按钮，并根据要求更新了答案
$(".exp").on('input', function() {
var exp_month = $("#card_exp_month").val();
var exp_year = $("#card_exp_year").val();

var curr_month = $("#curr_month").val();
var curr_year = $("#curr_year").val();

 $("#billing_nxtBtn").prop('disabled', exp_year < curr_year || (exp_year == curr_year && exp_month < curr_month));
 });