Fill html input with zeros (0) [duplicate]

Question

Guys i need to fill out an input with zero, to always have 6 characters.
Exemple:
User enters the number 23, while he type, the others 4 characters are 0:

    000000 (start)

    000002 (type 2)

    000023 (type 3)

I do some searches, but not found and i have no ideia how to do this ;/

Hey, here you have a good one. Much better than the answer. stackoverflow.com/questions/1267283/… — Nahue Gonzalez
– Nahue Gonzalez, Commented Sep 11, 2020 at 19:00

Anonymous0day · Accepted Answer · 2015-10-14 12:34:55Z

0

One solution possible :

var el = document.getElementById('el');
var updatetext = function(){
  el.value = ('000000' + el.value).slice(-6);
}
  
el.addEventListener("keyup", updatetext , false);

<input id='el' type = 'text' value='000000'>

answered Oct 14, 2015 at 12:34

Anonymous0day

3,0521 gold badge16 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rahul Tripathi · Accepted Answer · 2015-10-14 12:11:04Z

0

Try like this:

function padSix(x) 
{
  if (x <= 999999) 
  { 
     x = ("00000"+ x).slice(-6); 
  }
  return x;
}

JSFIDDLE DEMO

answered Oct 14, 2015 at 12:11

Rahul Tripathi

173k33 gold badges292 silver badges341 bronze badges

Collectives™ on Stack Overflow

Fill html input with zeros (0) [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related