auto_form_validate

Description:

auto form validate

✅ AUTO FORM VALIDATE ❌ #
Streamlining Form Management and Input Handling #
Auto Form validate simplifies form management in Flutter applications by providing intuitive input handling and validation.
It ensures seamless integration with Flutter's form widgets, enhancing user input experiences while maintaining robust validation and formatting functionalities.
With Auto Form, managing forms becomes straightforward, accelerating development and ensuring data integrity throughout your application.
Streamline your Flutter app's form management with Auto Form for enhanced productivity and user satisfaction.
Installation #
flutter pub add auto_form_validate
copied to clipboard
or
This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):
dependencies:
auto_form_validate: ^1.0.1
copied to clipboard
Start #

Create class and extends by FormController


The FormController extension will provide you with these getters

validator: A function that validates input values. Returns a string error message or null for valid input.
regexFilter: A regular expression that defines allowed characters for input validation.
formatters: A list of string masks used to format input strings, such as phone numbers or dates.
textInputType: Specifies the type of keyboard input for text fields, such as email address, phone.
Class Example
import 'package:auto_form_validate/form_controller.dart';

class PhoneMandatory extends FormController {
PhoneMandatory(super.context);

@override
String? Function(String? value)? get validator => (value) {
if (value == null || value.isEmpty) {
return 'This field is required';
}
return null;
};

@override
List<String> get formaters => ["(##) ####-####"];

@override
TextInputType? get textInputType => TextInputType.number;

@override
RegExp get regexFilter => RegExp(r'[0-9]');
}
copied to clipboard
Page Form Example

Place a Form as the parent of your form, when validating the form everything will work correctly if you use the AutoFormFild passing the formController as in the example below

import 'package:flutter/material.dart';

class HomePage extends StatefulWidget {
const HomePage({super.key});

@override
State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
final formKey = GlobalKey<FormState>();
String phone = '';

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('AutoForm Example'),
),
body: Padding(
padding: const EdgeInsets.all(20),
child: Form(
key: formKey,
child: Column(
children: [
//👋
AutoTextFormField(
formController: PhoneMandatory(context),
onChanged: (value) => phone = value,
),
const SizedBox(height: 20),
ElevatedButton(
onPressed: () {
if (formKey.currentState!.validate()) {
log("Phone: $phone ✅");
}
},
child: const Text("Validate")),
],
),
),
),
);
}
}
copied to clipboard
Contributions #



Made with contrib.rocks.