phone mask script

bgryolq.markdown

bGRYOLQ

A Pen by cave2006 on CodePen.

License.

index.html

<label for="phone">Phone: +7</label>
<input type="text" data-js="input" id="phone" />

script.js

const input = document.querySelector('[data-js="input"]')
input.addEventListener('input', handleInput, false)

function handleInput (e) {
e.target.value = phoneMask(e.target.value)
}

function phoneMask (phone) {
return phone.replace(/[^0-9]/g, '').substr(-10, 10);
}

style.css

body {
  padding: 30px
}

input {
  font-size: 20px
}