Initialize plugin
How to initialize the plugin
Exemple
< input type="text" id="cardNumber1" >
$("#cardNumber1").ForceCardNumber();
< input type="text" id="cardNumber1" >
$("#cardNumber1").ForceCardNumber();
< input type="text" id="cardNumber2" >
$("#cardNumber2").ForceCardNumber({
align: "right"
});
< input type="text" id="cardNumber3" >
$("#cardNumber3").ForceCardNumber({
length: 5
});
< input type="text" id="cardNumber4" >
$("#cardNumber4").ForceCardNumber({
separatorGroup: false
});
< input type="text" id="cardNumber5" >
$("#cardNumber5").ForceCardNumber({
charSeparator: "-"
});
< input type="text" id="cardNumber6" >
$("#cardNumber6").ForceCardNumber({
digitsGroup: 3
});
< input type="text" id="cardNumber7" >
$("#cardNumber7").ForceCardNumber({
clearOnClick: false
});
< input type="text" id="cardNumber8" >
$("#cardNumber8").ForceCardNumber({
cardsValidate: ["Visa", "MasterCard"]
});
< input type="text" id="cardNumber9" >
$("#cardNumber9").ForceCardNumber({
onSuccessValidate: function(data) {
if(data.Valid)
$(this).css({"background-color": "#0f0"});
}
});
< input type="text" id="cardNumber10" >
$("#cardNumber10").ForceCardNumber({
onErrorValidate: function(data) {
if(!data.Valid)
$(this).css({"background-color": "#f00"});
}
});
< input type="text" id="cardNumber10" >
$("#cardNumber11").ForceCardNumber({
onkeyUp: function(data) {
$(".cardList img").css({"opacity": "1"});
if(typeof data.CardNetwork !== "undefined")
$(".cardList img").not("." + data.CardNetwork).css({"opacity": "0.2"});
if(data.Valid)
$(this).css({"background-color": "#0f0"});
else
$(this).css({"background-color": "#f00"});
}
});