Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <input type="text" id="text-field"/>
    <script>
        var input = document.getElementById('text-field');
        input.addEventListener('keyup', function (ev) {
            var target = ev.target;
            var currentText = target.value;
            var digitRegex = "[0-9]{" + (currentText.length > 6 ? 6 : currentText.length) + "}";
            if(currentText.length > 6){
                digitRegex += '\\-';
            }
            if(currentText.length > 7){
                digitRegex += "[0-9]{" + (currentText.length - 7) + "}";
            }

            var regEx = new RegExp(digitRegex);
            if(!regEx.test(currentText)){
                target.value = currentText.substring(0, currentText.length - 1);
            }
            if(currentText.length > 12){
                target.value = currentText.substring(0, currentText.length - 1);
            }
        })
    </script>
</body>
</html>