テキスト入力ヒントonChange

Question

私はテキスト入力を持っています。自動それは下の写真のように見える必要が000..

でユーザーが入力した番号を完成：ユーザーがまだ入力された場合

は、番号を完了するためにゼロを追加します（それが持っている必要があります6桁）。

ちょうどヒント/プレースホルダ（上記のピクチャに示すように）です。

プレースホルダ属性を使用しようとしましたが、ユーザーが入力を開始するとすぐに消えます。プラス...プレースホルダの値は動的です。ユーザーの入力内容に応じて変更されます。

私の問題がはっきりしていることを願っています。

Answer 1

  
 
     function myFunction() { 
 

 
     var x = document.getElementById("number"); 
 
     x.value = parseInt(x.value, 10);// removes front trailing zeros 
 
     x.value = pad(x.value, 6);//add front trailing zeros 
 
     
 
    } 
 
     
 
     function pad (str, max) { 
 
      str = str.toString(); 
 
      str = str.length < max ? pad("0" + str, max) : str; 
 
      return str; 
 
     }

Enter your number: <input type="text" id="number" onkeyup="if(!(event.keyCode>36&&event.keyCode<41)){myFunction()}" onfocus="this.trailingZeros">

Answer 2

これは、私はそれを行うだろうかです：

$(".mytext").on('keyup keypress change', function(e) { 
    if ($(this).val().length >= 6) { 
    e.preventDefault(); 
    } 
    $(".txtbg").text(Array(7 - $(this).val().length).join("0")) 
}); 

Here is the JSFiddle demo

特に質問はjQueryのタグを付けるので、代替ソリューションとして、これを考慮していませんでした。