Mobile phone mask

Mask input value like mobile phone numbers ( xxxx-xxx-xxxx )

by John Doe

HTML

<div>
    <label for="txtPhone">Phone number</label> <br>
    <input type="text" id="txtPhone" class="phoneMask" maxlength="13" placeholder="xxxx-xxx-xxxx" size="13" />
    <br>
    <br>
    <label for="txtPhone2">Phone number 2</label> <br>
    <input type="text" id="txtPhone2" class="phoneMask" maxlength="13" placeholder="xxxx-xxx-xxxx" size="13" />
</div>

JavaScript

$(document).ready(function () {
    $('.phoneMask').keyup(function (ev) {
        phoneMask(this, ev);
    });
});

function phoneMask(input, ev) {
    var tel = '',
        val = input.value.replace(/[^\d]*/g,'').split(''),
        len = val.length;
    
    for (var i = 0; i < len; i++) {
        if (i == 3) {
            val[i] = val[i] + '-'
        } else if (i == 6) {
            val[i] = val[i] + '-'
        }
        tel = tel + val[i]
    }
    input.value = tel;
}