Html input aa/yy
Merhaba kredi kartı bilgilerini girerken
kart numarasında 4 haneden sonra boşluk bıraktırmak istiyorum
Son kullanma tarihin de 22 / 44 gibi yaptırmak istiyorum nası yapabilrim
<div class="card">
<div class="cart_m">
<div class="card_label">Kart Numarası</div>
<div class="card_wrap">
<input class="field__input" type="tel" name="card" placeholder="XXXX XXXX XXXX XXXX" required>
</div>
</div>
<div class="cart_m">
<div class="card_label">Kart Üzerindeki İsim</div>
<div class="card_wrap">
<input class="field__input" type="text" name="holder" placeholder="Kart Üzerindeki İsim" required>
</div>
</div>
<div class="checkout__row">
<div class="cart_m">
<div class="card_label">Son Kullanma Tarihi</div>
<div class="card_wrap">
<input class="field__input" type="tel" name="date" placeholder="AA / YY" required>
</div>
</div>
<div class="cart_m">
<div class="card_label">CVC</div>
<div class="card_wrap">
<input class="field__input" type="tel" name="cvc" placeholder="CVC" required>
</div>
</div>
</div>
</div>
Bu eklentiyi internet ortamında çok rahat bulabilirsin.
jquery.maskedinput.min.js
ardından bunu yaptıktan sonra şunu uygula çok daha güzel duracaktır.
<input type="text" class="form-control" data-mask="9999-9999-9999-9999" data-mask-placeholder="*">
//Çıktısı aşağıdaki görütüde istersen sen boşluk veya * olarak yap
