正则如何限制input掩码文本

Question

想用input输入时间（格式00:00），如果填写8:45，前边补0，中间自动填充：，现在是后边多个：前边不自动填充0

<div class="layui-inline">
                <label class="layui-form-label">时间</label>
                <div class="layui-input-inline layui-form">
                    <input type="text" maxlength="5" onkeyup="regVal(event)"  autocomplete="off" class="layui-input">
                </div>
            </div>

function regVal(ev) {
        if (ev.altKey || ev.ctrlKey || ev.shiftKey || ev.metaKey ) return;
        var str = ev.target.value.replace(/[^\d]/g,'').replace(/(.{2,2})/g, '$1:');
        if (str === ev.target.value) return;
        ev.target.value = str;
    }