html
<div class="mem_passblock">
<input type="tel" id="password" name="password" maxlength="4">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
js
$('#password').on('input', function(e) {
var number = 4;
var pw = $('#password').val();
var list = $('.mem_passiput ul li');
for(var i = 0; i < number; i++) {
if(pw[i]) {
$(list[i]).addClass("pass_point");
} else {
$(list[i]).removeClass("pass_point");
};
};
});
注:input光标位置不正确 可以用css letter-spacing