Teamur,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<style>
label{
display:block;
width:200px;
text-align:right;
margin:3px;
}
</style>
<form id=inp style="width:400px">
<label>Заполнитель: <input type='text' id='zap' maxlength='1'/></label>
<label>Число символов зап-ия: <input type='number' id='kol'/></label>
<label>Номер Страницы: <input type='number' id='page'/></label><br>
<div id='output'></div>
</form>
<script type="text/javascript">
function PrefInt(number, len, prefix) {
return (Array(len).join(prefix) + number).slice(-len);
}
document.querySelector('#inp').oninput=function(){
var zap = document.getElementById('zap').value;
var kol = +document.getElementById('kol').value;
var page = +document.getElementById('page').value;
var output = document.getElementById('output');
var dop='';
if(page&&page>0)output.innerHTML = PrefInt(page, kol, zap);
}
</script>
</body>
</html>