Flutter表单验证插件easy_form_validator_test_abdallah的使用

特性

列出你的包可以做什么。也许可以包含图片、GIF或视频。

开始使用

列出前提条件，并提供或指向如何开始使用该包的信息。

使用

为用户提供简短且有用的示例。将更长的示例添加到/example文件夹中。

const like = 'sample';

示例代码

以下是一个完整的示例，展示如何使用easy_form_validator_test_abdallah插件进行表单验证。

安装依赖

首先，在项目的pubspec.yaml文件中添加以下依赖：

dependencies:
  easy_form_validator_test_abdallah: ^1.0.0

然后运行以下命令以获取依赖项：

flutter pub get

创建表单并应用验证规则

import 'package:flutter/material.dart';
import 'package:easy_form_validator_test_abdallah/easy_form_validator_test_abdallah.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('表单验证示例'),
        ),
        body: FormValidatorExample(),
      ),
    );
  }
}

class FormValidatorExample extends StatefulWidget {
  [@override](/user/override)
  _FormValidatorExampleState createState() => _FormValidatorExampleState();
}

class _FormValidatorExampleState extends State<FormValidatorExample> {
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  String _email = '';
  String _password = '';

  void _submitForm() {
    if (_formKey.currentState!.validate()) {
      // 表单验证通过，执行提交逻辑
      print('Email: $_email');
      print('Password: $_password');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Form(
        key: _formKey,
        child: Column(
          children: [
            TextFormField(
              decoration: InputDecoration(labelText: '邮箱'),
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return '请输入邮箱地址';
                }
                if (!RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$').hasMatch(value)) {
                  return '请输入有效的邮箱地址';
                }
                return null;
              },
              onSaved: (value) {
                _email = value!;
              },
            ),
            SizedBox(height: 16),
            TextFormField(
              decoration: InputDecoration(labelText: '密码'),
              obscureText: true,
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return '请输入密码';
                }
                if (value.length < 6) {
                  return '密码长度不能少于6个字符';
                }
                return null;
              },
              onSaved: (value) {
                _password = value!;
              },
            ),
            SizedBox(height: 16),
            ElevatedButton(
              onPressed: _submitForm,
              child: Text('提交'),
            ),
          ],
        ),
      ),
    );
  }
}