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:
Comments
Post a Comment