Html input aa/yy

Anonim 1323 gün önce

1,043 defa görüntülendi ve 1 kişi tarafından değerlendirildi

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>

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevap yaz

הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Cevaplar (4)

emmir2

1319 gün önce

Teşekkürler

    $(function() {
	$("#number").mask("9999 9999 9999 9999" , {"placeholder": " "});
});
    $(function() {
	$("#skt").mask("99/99" , {"placeholder": " "});
});
	$(function() {
	$("#cvc").mask("999" , {"placeholder": " "});
});

#007154

tayfunerbilen

1319 gün önce

jquery inputmask diye aratırsan bir çok eklenti var, en çok kullanılanı ise

https://github.com/RobinHerbots/Inputmask

bu arkadaş, kullanımı çok basit zaten baksan anlarsın :)

#007146

zelemi

1320 gün önce

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

#007130

house2k

1323 gün önce

İnternette bir çok örnek var örneğin şu iki örneğe bakabilirsin Birinci Örnek, İkinci Örnek

#007090