Skip to content
Open-source Flutter package · regex_ui 1.1.0

Password validation users can see

Show users, while they type, which rules their password, user name or e-mail already meets: animated check marks, a strength bar, list or chip styles.

Features

  • One-line fieldsRegexTextField.password(), .email(), .userName(): field, rules, strength bar and show / hide button together.
  • RegexFormKnows when every field is valid to enable the submit button, and re-checks "repeat password" when the password changes.
  • No regex neededRules in plain words: digitsOnly(), lengthBetween(3, 20), startsWith('TR'), allowOnly([RegexChar.letters]).
  • IBAN checkiban() accepts spaced input and verifies the mod-97 checksum.
  • Real strengthA bar that scores length, variety, repeats and common passwords, from Very weak to Strong.
  • 8 ready languagesEnglish, Turkish, German, Spanish, French, Italian, Portuguese, Japanese; screen readers hear "One number: met".

Install

dependencies:
  regex_ui: ^1.1.0
RegexForm(
  onChanged: (ok) => setState(() => canSubmit = ok),
  child: Column(children: [
    RegexTextField.email(),
    RegexTextField.password(controller: password),
    RegexTextField(rules: [RegexModel.sameAs(password)]),
    FilledButton(onPressed: canSubmit ? submit : null, child: const Text('Sign up')),
  ]),
)

Full docs and options on pub.dev. Keywords: Flutter password validation · password strength indicator · regex validator · form validation · sign up form · IBAN validation.

Made by Muhammed Şamil Demir

I'm a senior Flutter and iOS developer and the person behind Monsware. I build these packages in the open and use them in production apps. More: all my open-source packages, about me, GitHub.

Need a Flutter or iOS app built, or help with foldables and large screens? I take on a limited number of freelance projects.

Hire the developer behind regex_ui