Installation #

1. Add the latest version of package to your pubspec.yaml (and rundart pub get):

dependencies:
  validation_textformfield: Update version

2. Import the package and use it in your Flutter App.

import 'package:validation_textformfield/validation_textformfield.dart';
    

A Flutter package for launching a Validation TextFormField . Supports iOS, Android, web, Windows, macOS, and Linux.

Example #

EmailValidationTextField(
 whenTextFieldEmpty: "Please enter  email",
 validatorMassage: "Please enter valid email",
 decoration: InputDecoration(
 focusedBorder: OutlineInputBorder(
 borderSide: BorderSide(color: Colors.black, width: 0.5),
),
 enabledBorder: OutlineInputBorder(
 borderSide: BorderSide(color: Colors.black, width: 0.5),
),
 border: OutlineInputBorder(),
 counterText: '',
 hintStyle: TextStyle(color: Colors.black, fontSize: 18.0)),
 textEditingController: txtEmailCtrl,
)

 PassWordValidationTextFiled(

                    lineIndicator:false,
                    passwordMinError: "Must be more than 5 charater",
                    hasPasswordEmpty: "Password is Empty",
                    passwordMaxError: "Password to long",
                    passWordUpperCaseError:
                        "at least one Uppercase (Capital)lette",
                    passWordDigitsCaseError: "at least one digit",
passwordLowercaseError: "at least one lowercase character",
passWordSpecialCharacters: "at least one Special Characters",

                    obscureText: _isObscure,
                    scrollPadding: EdgeInsets.only(left: 60),
                    onChanged: (value) {
                      // print(value);
                    },
                    passTextEditingController: txtPasswordCtrl,
                     passwordMaxLength: 10,
                    passwordMinLength: 5,
                    // validatorMassage: "Please enter valid Password",
                    decoration: InputDecoration(
                        suffixIcon: IconButton(
                          icon: Icon(
                            _isObscure ? Icons.visibility : Icons.visibility_off,
                          ),
                          onPressed: () {
                            setState(() {
                              _isObscure = !_isObscure;
                            });
                          },
                        ),
                        focusedBorder: OutlineInputBorder(
                          borderSide: BorderSide(color: Colors.black, width: 0.5),
                        ),
                        enabledBorder: OutlineInputBorder(
                          borderSide: BorderSide(color: Colors.black, width: 0.5),
                        ),
                        border: OutlineInputBorder(),
                        counterText: '',
                        hintStyle:
                            TextStyle(color: Colors.black, fontSize: 18.0)),
                  ),

See the example app for more complex examples.

Image #

Getting Started #

For help getting started with Flutter, view our online documentation.