挿入時間の有効期限日付形式のマスキング（MM/YYYY）

Question

//クレジットカードの有効期限日付形式（MM/YYYY）入力時間はお手伝いください。

ありがとうございます。

<div class="pay-detail"> 
     <label>Exp. Date</label> 
     <input type="text" class="form-control expdate" placeholder="10/2019" name="expdate" maxlength="7" value="" id="expdate"> 
    </div> 

$("body").on("keyup", "#expdate", function (event) { 
     var foo = $(this).val().split("/").join(""); // remove hyphens 
     if (foo.length > 0) { 
      foo = foo.match(new RegExp('.{1,2}', 'g')).join("/"); 
     } 
     $(this).val(foo); 
    }); 

Answer 1

あなたの最後の質問に答えてください。

.expiration { 
 
    border: 1px solid #bbb; 
 
} 
 
.expiration input { 
 
    border: 0; 
 
    text-align: center; 
 
    outline: 0; /* remove if you want input highlight */ 
 
}

<span class="expiration"> 
 
    <input type="text" name="month" placeholder="MM" maxlength="2" size="2" required="true" /> 
 
    <span>/</span> 
 
    <input type="text" name="year" placeholder="YY" maxlength="2" size="2" required="true" /> 
 
</span>