Cacher is the code snippet organizer for pro developers

https://codepen.io/SweetTomato/pen/qnLcJ

<input class="" type="tel" id="phone" name="phone" maxlength="10" required>



<script>
  
  $("#phone").mask("(999) 999-9999"); // needs to be added
  
    $("#phone").on('change', function() {
      var phone = $('#phone').val()
	    phone = phone.replace(/(\d{3})(\d{3})(\d{4})/, "($1)$2-$3");
	    document.getElementById('phone').value = phone;
    });
  
</script>