Force the removal of a space between numbers in a phone field.

Hey @brandy_rogers 

Try this:

// Assuming you have an input field with the id "phone"
var inputField = document.getElementById("phone");

inputField.addEventListener("input", function() {
  var phoneNumber = inputField.value.replace(/\s/g, ""); // Remove all spaces
  inputField.value = formatPhoneNumber(phoneNumber);
});

function formatPhoneNumber(phoneNumber) {
  var formattedNumber = phoneNumber;

  if (phoneNumber.length === 10) {
    formattedNumber = phoneNumber.replace(/(\d{4})(\d{3})(\d{3})/, "$1-$2-$3");
  }

  return formattedNumber;
}

This code snippet combines the event listener for input changes and the formatting logic into a single script. It removes spaces from the input field value using `replace(/\s/g, "")`, and then formats the phone number with hyphens if it has a length of 10 digits using a regular expression and the `replace()` function.

Make sure to replace `"phone"` with the actual id of your input field in the code. You can add this code to your HTML file within a `<script>` tag or include it in your JavaScript file.

If you need a hand, you can visit us at: www.happyagencies.com