Breaking News: Grepper is joining You.com. Read the official announcement!

text field validation in flutter

CoderHomie answered on April 3, 2022 Popularity 10/10 Helpfulness 6/10

answer text field validation in flutter

related flutter input validation

text field validation in flutter

Comment

TextFormField(
  // The validator receives the text that the user has entered.
  validator: (value) {
    if (value == null || value.isEmpty) {
      return 'Please enter some text';
    }
    return null;
  },
),

/*
	The TextFormField widget renders a material design 
    text field and can display validation errors when 
    they occur.

	Validate the input by providing a validator() function 
    to the TextFormField. If the user’s input isn’t valid, 
    the validator function returns a String containing an 
    error message. If there are no errors, the validator 
    must return null.

	For this example, We create a validator that ensures the TextFormField 
    isn’t empty. If it is empty, then we return a friendly error message.
*/

Popularity 10/10 Helpfulness 6/10 Language dart

Source: Grepper

Tags: dart field flutter text validation

Link to this answer
Share Copy Link

Contributed on Apr 03 2022

CoderHomie

0 Answers Avg Quality 2/10

Closely Related Answers

flutter input validation

Comment

// First Add this 4 line to create contoller

final TextEditingController _emailController = TextEditingController();
final TextEditingController _passwordController = TextEditingController();

String get _email => _emailController.text;
String get _password => _passwordController.text;

//Validator

bool submitEnabled =
        _email.isNotEmpty && _password.isNotEmpty && (_password.length >= 5);
        
//*****************
// Inputs ***set as you want

TextField(
          controller: _passwordController,
           onChanged: (email) => _updateState(),
           )

TextField(
          controller: _emailController,
           onChanged: password => _updateState(),
           )
//****************

// for Button
onPressed: submitEnabled ? _submit : null,

//check textinput state every change for the enable button
 _updateState() {
    setState(() {});
  }

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Apr 10 2022

Dineth S

0 Answers Avg Quality 2/10

text field validation in flutter

Contents

More Related Answers

text field validation in flutter

Closely Related Answers

flutter input validation

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.