Sitecore

Sitecore Experience Forms Phone Number Validation

Phonecover
Sitecore - Understanding Development Approaches: A Sitecore Outlook
Understanding Development Approaches: A Sitecore Outlook

Designing, building, and implementing top-notch experiences not only requires a great deal of planning, strategy, and time – it also requires the right digital experience platform (DXP) and the right development approach for your business needs.

Get the Guide

If you’re using the Sitecore Experience Forms in your project, that is excellent. If you’ve tried using the Validators to manage phone numbers you may have come across some inadequacies with the out of the box validator. Namely, that it doesn’t place any limits on the number of digits you can enter.
phone number validation issue
Fear not!
Here is a quick tutorial on how to replace the out of the box value with a helpful Regex that should give you more mileage for all US and Canada phone numbers.
Regex: ^(\d{1}-?\(?\d{3}\)?-? *\d{3}-? *-?\d{4}$)|^(\(?\d{3}\)?-? *\d{3}-? *-?\d{4}$)
Sitecore Experience Forms
Here is a small range of formats this will support and restrict validation to:

  • 12223334455
  • 2223334455
  • 1-222-333-4455
  • 1222-333-4455
  • 1(222)-333-4455
  • 1 222 333 4455

If you want to extend this for other international formats, you can easily append another capture group |^(..$).
The point of this regex is to limit the allowed characters to dashes and spaces. It will allow your visitor some flexibility when entering in data, but prevent them from adding anything particularly undesired. This should be a great place to start to get the most out of your validator, while still filtering out unwanted characters and ‘playing-nice’ with auto-format techniques that many front-end professionals tend to employ in web applications.
phone number validation fixed
I hope this tutorial was helpful. Be sure to check out our other Sitecore practice blogs for more tips and tricks.

About the Author

More from this Author

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Subscribe to the Weekly Blog Digest:

Sign Up
Categories