javascript - if user pastes 32 characters into the license text-box first split textbox -


if user pastes 32 characters license text-box first split textbox, method place 8 characters each of 4 text boxes

see have 4 text box ... max length (8)

<input type = "text" size = "8" maxlength="32" name = "licensenumber1"  id="licensenumber1">  <input type = "text" size = "8" maxlength="32" name = "licensenumber2"  id="licensenumber2">  <input type = "text" size = "8" maxlength="32" name = "licensenumber3"  id="licensenumber3">  <input type = "text" size = "8" maxlength="32" name = "licensenumber4"  id="licensenumber4"> 

& license 32 characters 06e1823681f48e2f013904403b33ff08 if paste whole 32 character in first test box i.e. licensenumber1

want other 3 textbox wil automatic fill bcause(8*4=32)

here's starting point. works in major browsers. may want extend handle input in other 3 input boxes.

code:

var inputs = [     document.getelementbyid("licensenumber1"),     document.getelementbyid("licensenumber2"),     document.getelementbyid("licensenumber3"),     document.getelementbyid("licensenumber4") ];  function handleinput(input) {     var alltext = input.value, inputtofocus = input;     (var = 0, len = inputs.length; < len; ++i) {         if (alltext.length > 0) {             inputs[i].value = alltext.slice(0, 8);             inputtofocus = inputs[i];             alltext = alltext.slice(8);         }     }     window.settimeout(function() {         inputtofocus.focus();     }, 1); }  // ie 9 , non-ie inputs[0].oninput = function() {     handleinput(this); };  // ie <= 8 var handlingvaluechange = false;  inputs[0].onpropertychange = function() {     if (window.event.propertyname == "value" && !handlingvaluechange) {         handlingvaluechange = true;         handleinput(this);         handlingvaluechange = false;     } }; 

jsfiddle:

http://jsfiddle.net/dgzcx/6/


Comments

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

fortran - Function return type mismatch -

queue - mq_receive: message too long -