{"id":97,"date":"2022-12-12T16:26:46","date_gmt":"2022-12-12T16:26:46","guid":{"rendered":"https:\/\/www.devopsconsulting.in\/blog\/?p=97"},"modified":"2022-12-12T16:27:36","modified_gmt":"2022-12-12T16:27:36","slug":"how-to-create-login-form-with-validation-in-flutter","status":"publish","type":"post","link":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/","title":{"rendered":"How to create login form with validation in flutter"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>main.dart<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import 'package:flutter\/material.dart';\nimport 'package:flutter_application_1\/myhomepages.dart';\n\nvoid main() {\n  runApp(const MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n  const MyApp({super.key});\n\n  \/\/ This widget is the root of your application.\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      title: 'Flutter Demo',\n      theme: ThemeData(\n\n        primarySwatch: Colors.blue,\n      ),\n      home: const MyHomePages(),\n    );\n  }\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>myhomepages.dart<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import 'package:flutter\/material.dart';\nimport 'package:flutter\/src\/widgets\/container.dart';\nimport 'package:flutter\/src\/widgets\/framework.dart';\n\nclass MyHomePages extends StatefulWidget {\n  const MyHomePages({super.key});\n\n  @override\n  State&lt;MyHomePages&gt; createState() =&gt; _MyHomePagesState();\n}\n\nclass _MyHomePagesState extends State&lt;MyHomePages&gt; {\n   final _formkey = GlobalKey&lt;FormState&gt;();\n   var name=\"\";\n   var email=\"\";\n   var password=\"\";\n   final nameController = TextEditingController();\n   final emailController = TextEditingController();\n   final passwordController = TextEditingController();\n  @override\n  Widget build(BuildContext context) {\n   return MaterialApp(  \n      home: Scaffold(  \n        appBar: AppBar(  \n          title: Text(\"Flutter Container Example\"),  \n        ),  \n        body: Form(\n\n      key: _formkey,\n      child: Padding(\n      padding:const EdgeInsets.symmetric(vertical:40,horizontal:30)\n      ,child: ListView(\n        children: &#91;\n          TextFormField(\n            decoration:const InputDecoration(labelText:'Name:',\n            labelStyle: TextStyle(fontSize:40),\n            errorStyle: TextStyle(color:Colors.redAccent,fontSize:20 )),\n            controller: nameController,\n            validator: (value){\n                \/\/  print(\"validation me aarha hai\");\n              if(value!.isEmpty){\n                \/\/  print(\"validation IF me aarha hai\");\n \n                print(value);\n                return 'please Enter Name';\n              }\n            },\n            ),\n          TextFormField(\n            decoration:const InputDecoration(labelText:'Email:',\n            labelStyle: TextStyle(fontSize:40)),\n            controller: emailController,\n            validator: (value){\n              if(value!.isEmpty){\n                return 'please Enter Email';\n              }\n\n              else if(!value.contains('@'))\n              {\n                return 'please Enter Valid Email';\n              }\n            },\n            ),\n            TextFormField(\n              obscureText: true,\n            decoration:const InputDecoration(labelText:'password:',\n            labelStyle: TextStyle(fontSize:40)),\n            controller: passwordController,\n            validator: (value){\n              if(value!.isEmpty){\n                return 'please Enter password';\n              }\n            },\n            ),\n            ElevatedButton(\n              onPressed: (){\n              if(_formkey.currentState!.validate()){\n                setState(() {\n                  name=nameController.text;\n                  email=emailController.text;\n                  password=passwordController.text;\n                });\n              }\n            },\n            child: \n            Text('submit')),\n            Text('Name: $name'),\n            Text('Email: $email'),\n            Text('Password: $password'),\n            ],\n\n        ),\n      )\n      ),\n      ),  \n    );  \n  }  \n}\n\nclass _formkey {\n  static var currentState;\n}  <\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>OutPut<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"573\" src=\"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2022\/12\/image-3.png\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2022\/12\/image-3.png 285w, https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2022\/12\/image-3-149x300.png 149w\" sizes=\"auto, (max-width: 285px) 100vw, 285px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>main.dart myhomepages.dart OutPut<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[10],"class_list":["post-97","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-flutter"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to create login form with validation in flutter - DevOps Consulting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create login form with validation in flutter - DevOps Consulting\" \/>\n<meta property=\"og:description\" content=\"main.dart myhomepages.dart OutPut\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/\" \/>\n<meta property=\"og:site_name\" content=\"DevOps Consulting\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-12T16:26:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-12T16:27:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2022\/12\/image-3.png\" \/>\n<meta name=\"author\" content=\"Abhishek Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abhishek Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/how-to-create-login-form-with-validation-in-flutter\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/how-to-create-login-form-with-validation-in-flutter\\\/\"},\"author\":{\"name\":\"Abhishek Singh\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\"},\"headline\":\"How to create login form with validation in flutter\",\"datePublished\":\"2022-12-12T16:26:46+00:00\",\"dateModified\":\"2022-12-12T16:27:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/how-to-create-login-form-with-validation-in-flutter\\\/\"},\"wordCount\":14,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/how-to-create-login-form-with-validation-in-flutter\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image-3.png\",\"keywords\":[\"flutter\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/how-to-create-login-form-with-validation-in-flutter\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/how-to-create-login-form-with-validation-in-flutter\\\/\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/how-to-create-login-form-with-validation-in-flutter\\\/\",\"name\":\"How to create login form with validation in flutter - DevOps Consulting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/how-to-create-login-form-with-validation-in-flutter\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/how-to-create-login-form-with-validation-in-flutter\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image-3.png\",\"datePublished\":\"2022-12-12T16:26:46+00:00\",\"dateModified\":\"2022-12-12T16:27:36+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/how-to-create-login-form-with-validation-in-flutter\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/how-to-create-login-form-with-validation-in-flutter\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image-3.png\",\"contentUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image-3.png\",\"width\":285,\"height\":573},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/\",\"name\":\"DevOps Consulting\",\"description\":\"DevOps Consulting | SRE Consulting | DevSecOps Consulting | MLOps Consulting\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\",\"name\":\"Abhishek Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"caption\":\"Abhishek Singh\"},\"description\":\"I\u2019m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I\u2019ve had the opportunity to work with Cotocus and continue to contribute to multiple platforms where I share insights across different domains: \u2022 DevOps School \u2013 Tech blogs and tutorials \u2022 Holiday Landmark \u2013 Travel stories and guides \u2022 Stocks Mantra \u2013 Stock market strategies and tips \u2022 My Medic Plus \u2013 Health and fitness guidance \u2022 TrueReviewNow \u2013 Honest product reviews \u2022 Wizbrand \u2013 SEO and digital tools for businesses I\u2019m also exploring the fascinating world of Quantum Computing.\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/author\\\/abhishek\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create login form with validation in flutter - DevOps Consulting","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/","og_locale":"en_US","og_type":"article","og_title":"How to create login form with validation in flutter - DevOps Consulting","og_description":"main.dart myhomepages.dart OutPut","og_url":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/","og_site_name":"DevOps Consulting","article_published_time":"2022-12-12T16:26:46+00:00","article_modified_time":"2022-12-12T16:27:36+00:00","og_image":[{"url":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2022\/12\/image-3.png","type":"","width":"","height":""}],"author":"Abhishek Singh","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Abhishek Singh","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/#article","isPartOf":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/"},"author":{"name":"Abhishek Singh","@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f"},"headline":"How to create login form with validation in flutter","datePublished":"2022-12-12T16:26:46+00:00","dateModified":"2022-12-12T16:27:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/"},"wordCount":14,"commentCount":0,"image":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/#primaryimage"},"thumbnailUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2022\/12\/image-3.png","keywords":["flutter"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/","url":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/","name":"How to create login form with validation in flutter - DevOps Consulting","isPartOf":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/#primaryimage"},"image":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/#primaryimage"},"thumbnailUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2022\/12\/image-3.png","datePublished":"2022-12-12T16:26:46+00:00","dateModified":"2022-12-12T16:27:36+00:00","author":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.devopsconsulting.in\/blog\/how-to-create-login-form-with-validation-in-flutter\/#primaryimage","url":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2022\/12\/image-3.png","contentUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2022\/12\/image-3.png","width":285,"height":573},{"@type":"WebSite","@id":"https:\/\/www.devopsconsulting.in\/blog\/#website","url":"https:\/\/www.devopsconsulting.in\/blog\/","name":"DevOps Consulting","description":"DevOps Consulting | SRE Consulting | DevSecOps Consulting | MLOps Consulting","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.devopsconsulting.in\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f","name":"Abhishek Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","caption":"Abhishek Singh"},"description":"I\u2019m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I\u2019ve had the opportunity to work with Cotocus and continue to contribute to multiple platforms where I share insights across different domains: \u2022 DevOps School \u2013 Tech blogs and tutorials \u2022 Holiday Landmark \u2013 Travel stories and guides \u2022 Stocks Mantra \u2013 Stock market strategies and tips \u2022 My Medic Plus \u2013 Health and fitness guidance \u2022 TrueReviewNow \u2013 Honest product reviews \u2022 Wizbrand \u2013 SEO and digital tools for businesses I\u2019m also exploring the fascinating world of Quantum Computing.","url":"https:\/\/www.devopsconsulting.in\/blog\/author\/abhishek\/"}]}},"_links":{"self":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":2,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/97\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/97\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/media?parent=97"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/categories?post=97"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/tags?post=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}