Format Validation of Controls in a Widget

[JohnnyHerms]

Describe the Problem

We're creating an elementor addon which includes a custom widget. Our widget uses Elementor TEXT controls for a phone number, fax number, email address. We also use an Elementor URL control for a website url. I would like to do format validation on these controls and show a warning to the user if it doesn't match the format. For example, the phone number should only allow digits, spaces, hyphens, parentheses and x/X for extension. I can't find any elementor documentation of how to do this. There's only documentation of how to do this for form fields but that doesn't apply to controls

Propose a Solution

Implement function(s) within Base_Control class (and/or other control classes)of Elementor Core that allows controls to define explicit patterns (regex patterns) of what is an acceptable format.

any widget that extends from Widget_Base can then validate its controls against the expected pattern to see if there's a valid format. If there's not a format, there should be an option to show a warning or an error somewhere in the editor preview. A warning would still allow you to publish the page, whereas an error would not allow you to publish the page until the error is fixed.

Ideally this warning/error message would appear in the editor panel underneath/beside the control that has the validation error.

Additional Context

I know that elementor developer docs support validation of form fields, however there is no validation available for Editor Controls.

Agreement

• I confirm I have read and followed all the guidelines and instructions outlined in the Feature Request form.
• I agree that my discussion may be closed without further action if it doesn't meet all the requirements outlined in the Feature Request form.