Flutter: Input Validation with RegExp

This video is about Input Validation and RegExp.

As part of this, I'll give you an overview of regular expressions (regex) and how they work by using a live web regex validator.

Then we will see how to implement a Regex validator in Dart and integrate it with Flutter's TextField widget, so that we can validate user input.

I will use a demo app to illustrate two sample use cases: - Make a payment (numeric validator with 2 decimal digits, 4 non-decimal digits) - Forgot password (email input validation)

Included

• Demo app preview
• Regex web examples
• Regex in Flutter
• Input Validation Page & TextField
• TextInputFormatter
• Email validation
• Editing / submitting text
• InputValidationPage implementation
• keeping focus on the keyboard
• Wrap up

sponsor

Code with Andrea is free for everyone. Help me keep it that way by checking out this sponsor:

Build Privacy-First Flutter apps with the @platform. Our Open Source platform, which is built on Dart, gives people control over their own data. Automatically comply with GDPR (and other privacy regulations), earn commissions as you grow, and make apps super fast — no backend infrastructure needed.

Notes:

• I'm using the iOS simulator, but you can open the Android emulator and run the same code.
• This code was tested with Flutter Beta 0.8.2.

Thanks for watching!