Hello everyone,
I am trying to accept users' credit card number into 4 maskedtextboxes. When user completes every four digit in the box, I shift the focus to the next text box.
For that reason I tried to check the carret position whenever user presses a key. But unfortunately everytime the carretPosition results with 0.
Is there any work around or is it natural for carretPosition to be 0 in keypressed event on client side?
You can find the code below :
<script type="text/javascript">
function goNextCreditCardTextBox(sender, args) {
if (args._keyCode > 47 && args._keyCode < 58) {
alert( $find(sender._clientID).get_carretPosition());
}
}
</script>
<telerik:RadMaskedTextBox ID="creditCardNumberTextBox1" runat="server" Mask="####" Width="27">
<ClientEvents OnKeyPress="goNextCreditCardTextBox" />
</telerik:RadMaskedTextBox>
<telerik:RadMaskedTextBox ID="creditCardNumberTextBox2" runat="server" Mask="####" Width="27">
<ClientEvents OnKeyPress="goNextCreditCardTextBox" />
</telerik:RadMaskedTextBox>
<telerik:RadMaskedTextBox ID="creditCardNumberTextBox3" runat="server" Mask="####" Width="27">
<ClientEvents OnKeyPress="goNextCreditCardTextBox" />
</telerik:RadMaskedTextBox>
<telerik:RadMaskedTextBox ID="creditCardNumberTextBox4" runat="server" Mask="####" Width="27">
<ClientEvents OnKeyPress="goNextCreditCardTextBox" />
</telerik:RadMaskedTextBox>