Firstly hey all,
I'm trying to write a simple focus next script. here's my javascript code
var order = new function () {
this.fields = [
"#OrderViewModel_OrderCreditCartNumbers1",
"#OrderViewModel_OrderCreditCartNumbers2",
"#OrderViewModel_OrderCreditCartNumbers3",
"#OrderViewModel_OrderCreditCartNumbers4",
"#OrderViewModel_OrderCreditCartExpireMonthId",
"#OrderViewModel_OrderCreditCartExpireYearId",
"#CreditCardCustomerName",
"#OrderViewModel_OrderCreditCartCvc"
]
this.events = function () {
this.followcardnumber();
}
this.followcardnumber = function () {
for (var i = 0; i < 4; i++) {
var elem = $(this.fields[i]);
var nextelem = $(order.fields[i + 1]);
elem.on("keyup", function () {
if ($(this).val().length == 4 && i != 3) {
nextelem[0].focus();
}
});
}
}
}
$(document).ready(function () {
order.events();
});
This code should track keyup event for first 4 selector and focus next one. The problem is when a field full script focus field[4] and it should focus next field.
any tips?
Thanks for any help or idea.