how to get input phone number dots through html css

<label>Date time: <input placeholder="dd/mm/yyyy hh:mm" data-slots="dmyh"> </label><br> <label>Telephone: <input placeholder="+1 (___) ___-____" data-slots="_"> </label><br> <label>MAC Address: <input placeholder="XX:XX:XX:XX:XX:XX" data-slots="X" data-accept="[\dA-H]"> </label><br> <label>Alphanumeric: <input placeholder="__-__-__-____" data-slots="_" data-accept="\w" size="13"> </label><br> <label>Credit Card: <input placeholder=".... .... .... ...." data-slots="." data-accept="\d" size="19"> </label><br> <label>Alphanumeric: <input placeholder="__-__-__-____" data-slots="_" data-accept="\w" size="13"> </label><br>

how to mask input in html as phone numbr

Array.prototype.forEach.call(document.body.querySelectorAll("*[data-mask]"), applyDataMask);

function applyDataMask(field) {
    var mask = field.dataset.mask.split('');
    
    // For now, this just strips everything that's not a number
    function stripMask(maskedData) {
        function isDigit(char) {
            return /\d/.test(char);
        }
        return maskedData.split('').filter(isDigit);
    }
    
    // Replace `_` characters with characters from `data`
    function applyMask(data) {
        return mask.map(function(char) {
            if (char != '_') return char;
            if (data.length == 0) return char;
            return data.shift();
        }).join('')
    }
    
    function reapplyMask(data) {
        return applyMask(stripMask(data));
    }
    
    function changed() {   
        var oldStart = field.selectionStart;
        var oldEnd = field.selectionEnd;
        
        field.value = reapplyMask(field.value);
        
        field.selectionStart = oldStart;
        field.selectionEnd = oldEnd;
    }
    
    field.addEventListener('click', changed)
    field.addEventListener('keyup', changed)
}

Posted by: Guest on August-11-2021

Source

Code answers related to "how to get input phone number dots through html css"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "how to get input phone number dots through html css"

Code answers related to "how to get input phone number dots through html css"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us