JSFiddle - React, Tailwind, and code Playground

by Stephen

HTML

<form action="#">
    <label for="field1">Phone:</label>
    <input type="tel" id="field1" name="stuff" placeholder="Enter Phone" />
</form>

JavaScript

var regx = /[0-9 ()-]/;
var inp = document.getElementById('field1');

inp.addEventListener('keypress', function(e) {
    console.log('key: ' + e.key);
    if (! e.key.match(regx)) {
        e.preventDefault();
    }
});