Input Field Validation by regex

Questions
1

Hello, I can’t seem to find how to validate an input field.

For example I need that the text entered in an input fields matches exactly ASB-2023 where ASB could be any uppercase letter and 2023 any 4 digit number. I’m use to deal easily with this using regex but I don’t see a viable way with Bubble.

Thank you,

2

Hey @hairo,

You can use regex extraction on the input field like in these examples:

Turn the input background red if the test fails:

51%20PM
51%20PM1382×878 70.5 KB

Or turn it green if it is a match:

35%20PM
35%20PM1382×916 71.1 KB

You just evaluate the count of items that comes back from the regex extract – zero means it failed, 1 means a match.

Here’s the regex for easier copy/paste to Bubble (note my original screenshots had an erroneous comma after the 4):
^[A-Z]{3}-[0-9]{4}$


Looking to improve your Bubble™ skills?

Let me turn
:thinking: :tired_face: :confounded:

into
:grinning: :sunglasses: :woman_student:

Coaching and Development at https://uniqueideas.com or schedule a free intro session :gift:

Ken Truesdale
LinkedIn

1 Like
3

Thanks @mebeingken, this could definitely work :+1:. I can reach a visual validation but still the user would be able to submit a wrong pattern.

4

This condition can be used in many places…like on a button click event before saving data, etc.

58%20PM
58%20PM1724×548 67.3 KB

This would only perform the actions within this workflow if the input is valid.

2 Likes
5

Great @mebeingken. I think I got it to work with this last tip. Also I added a parallel workflow to show user feedback when wrong pattern.

Thanks again!

1 Like