I want to show all the input as stars when the user types in the credit card field except the last four digits which I want to show as numbers. I used jQuery masking but it is not giving me desired result.
you can use multiple inputs, for example:
<script type=text/javascript>
$(function () {
$(.card-number input[type='password']).keyup(function (event) {
var len = $(this).val().toString().length;
if (len == 4) {
$(this).next().focus();
}
});
$(.card-number input[type='button']).click(function () {
var number = 0;
$(.card-number input).not(input[type='button']).each(function (index, element) {
number += $(element).val();
});
alert(number);
});
});
</script>
<!-- ####-####-####-#### -->
<div class=card-number >
<input type=password value= maxlength=4 />
<input type=password value= maxlength=4 />
<input type=password value= maxlength=4 />
<input type=text value= maxlength=4 />
<input type=button value=go />
</div>
