Can anyone please help me by solving problem in my application.I have three input tags of type text and I need to shift the cursor point from one input tag to other.I used focus() but not working.keypad is dismissing.I need to show the keypad automatically after shifted to second or third input tags.
<span style="font-size:25px;
">(</span><input type="tel" value="" id="mobile_num1" name="mobile_num1" placeholder="Mobile Phone Number" alt="" title="Mobile Phone Number" class="input-box_one-phone" maxlength=3 onkeypress="return checknum(this)" /><span style="font-size:25px;
">) </span><input type="tel" value="" id="mobile_num2" name="mobile_num2" placeholder="Mobile Phone Number" alt="" title="Mobile Phone Number" class="input-box_one-phone" onkeypress="return checknum(this)" maxlength=3/><span style="font-size:25px;
" > - </span><input type="tel" value="" id="mobile_num3" name="mobile_num3" placeholder="Mobile Phone Number" alt="" title="Mobile Phone Number" class="input-box_one-phone" maxlength=4 />
<script>
function checknum(currObj){
if(window.event.keyCode != 8 ){
if(window.event.keyCode > 48 && window.event.keyCode < 59) {
if(currObj.value.length == 3){
var dd = $(currObj).next();
if($(dd).html()){
dd = $(dd).next();
}
$(dd).val(String.fromCharCode(window.event.keyCode));
$(dd).focus();
return false;
}
}
}
return true;
}
</script>
This is not possible using webview.We should take the custom viewController integrated class and design it and code it.