Question

Basicaly I want JS to detect numbers and edit live any input on “text” blocks.

If a user enters 1000 the script should automatically parse it and format it to 1.000 . Is there any specific way to do that?

Answer 1

Basically you want to use onchange() event on your input element and format the input string.

<script type="text/javascript">
    function addDecimalPoints(id) {
        var inputElement = document.getElementById(id);
        inputElement.value=inputElement.value.replace(/\D/g, '');
        var inputValue = inputElement.value.replace('.', '').split("").reverse().join(""); // reverse
        var newValue = '';
        for (var i = 0; i < inputValue.length; i++) {
            if (i % 3 == 0) {
                newValue += '.';
            }
            newValue += inputValue[i];
        }
        inputElement.value = newValue.split("").reverse().join("");
    }
</script>