v2.5.2
Giriş yap

Html input aa/yy

Anonim
952 defa görüntülendi ve 1 kişi tarafından değerlendirildi
1 4

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>
html php javascript
Cevap yaz
Cevaplar (4)
emmir2
1181 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": " "});
});
0
#007154
tayfunerbilen
1181 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 :)

1
#007146
zelemi
1182 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

3
#007130
house2k
1185 gün önce

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

0
#007090