ngreenwood6 Posted September 5, 2008 Share Posted September 5, 2008 Hello all, I am new to javascript and am just trying to use it here and there and am having some problems. I have the following: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <javascript> <input type="text" name="phone1" id="phone1" size="3" maxlength="3" onkeyup="if(this.value.length()==this.getAttribute('maxlength')){document.getElementById('phone2').focus();}">) - <input type="text" name="phone2" id="phone2" size="4" maxlength="4" onkeyup="if(this.value.length()==this.getAttribute('maxlength')){document.getElementById('phone3').focus();}"> - <input type="text" name="phone3" id="phone3" size="4" maxlength="4"> </javascript> </body> </html> This is supposed to move from one box to another once it reaches the maxlength of the characters but it is not. Any help is appreciated. Link to comment https://forums.phpfreaks.com/topic/122902-move-between-boxes/ Share on other sites More sharing options...
Psycho Posted September 5, 2008 Share Posted September 5, 2008 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <script type="text/javascript"> function moveNext(fieldObj, nextFieldID) { if (fieldObj.value.length == fieldObj.maxLength) { document.getElementById(nextFieldID).focus(); } } </script> </head> <body> (<input type="text" name="phone1" id="phone1" size="3" maxlength="3" onkeyup="moveNext(this, 'phone2')">) - <input type="text" name="phone2" id="phone2" size="4" maxlength="4" onkeyup="moveNext(this, 'phone3')"> - <input type="text" name="phone3" id="phone3" size="4" maxlength="4"> </body> </html> Link to comment https://forums.phpfreaks.com/topic/122902-move-between-boxes/#findComment-634931 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.