Flutter数据验证插件utils_validators的使用

当然，utils_validators 是一个在 Flutter 中用于数据验证的实用插件。它提供了一系列便捷的方法，用于验证各种输入数据，比如电子邮件、电话号码、密码强度等。以下是一些常见的验证场景及其对应的代码示例。

首先，你需要在你的 pubspec.yaml 文件中添加 utils_validators 依赖：

dependencies:
  flutter:
    sdk: flutter
  utils_validators: ^x.y.z  # 请替换为最新版本号

然后运行 flutter pub get 来获取依赖。

示例代码

以下是一些使用 utils_validators 进行数据验证的示例代码：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Data Validation Example'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: ValidationForm(),
        ),
      ),
    );
  }
}

class ValidationForm extends StatefulWidget {
  @override
  _ValidationFormState createState() => _ValidationFormState();
}

class _ValidationFormState extends State<ValidationForm> {
  final _formKey = GlobalKey<FormState>();
  String _email = '';
  String _phoneNumber = '';
  String _password = '';

  @override
  Widget build(BuildContext context) {
    return Form(
      key: _formKey,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          TextFormField(
            decoration: InputDecoration(labelText: 'Email'),
            validator: (value) {
              if (!EmailValidator().isValid(value)) {
                return 'Please enter a valid email address.';
              }
              return null;
            },
            onChanged: (value) {
              setState(() {
                _email = value;
              });
            },
          ),
          TextFormField(
            decoration: InputDecoration(labelText: 'Phone Number'),
            validator: (value) {
              if (!PhoneNumberValidator().isValid(value)) {
                return 'Please enter a valid phone number.';
              }
              return null;
            },
            onChanged: (value) {
              setState(() {
                _phoneNumber = value;
              });
            },
          ),
          TextFormField(
            decoration: InputDecoration(labelText: 'Password'),
            validator: (value) {
              if (value.length < 8) {
                return 'Password must be at least 8 characters long.';
              }
              if (!PasswordValidator().hasUpperCase(value)) {
                return 'Password must contain at least one uppercase letter.';
              }
              if (!PasswordValidator().hasLowerCase(value)) {
                return 'Password must contain at least one lowercase letter.';
              }
              if (!PasswordValidator().hasNumber(value)) {
                return 'Password must contain at least one number.';
              }
              return null;
            },
            obscureText: true,
            onChanged: (value) {
              setState(() {
                _password = value;
              });
            },
          ),
          SizedBox(height: 20),
          ElevatedButton(
            onPressed: () {
              if (_formKey.currentState!.validate()) {
                // Perform submit action, e.g., navigate to next screen
                print('Form submitted with:');
                print('Email: $_email');
                print('Phone Number: $_phoneNumber');
                print('Password: $_password');
              }
            },
            child: Text('Submit'),
          ),
        ],
      ),
    );
  }
}

解释

1. Email 验证：

   • 使用 EmailValidator().isValid(value) 方法来验证输入的电子邮件地址是否有效。

2. 电话号码验证：

   • 使用 PhoneNumberValidator().isValid(value) 方法来验证输入的电话号码是否有效。

3. 密码验证：

   • 检查密码长度是否至少为 8 个字符。
   • 使用 PasswordValidator().hasUpperCase(value) 检查是否包含至少一个大写字母。
   • 使用 PasswordValidator().hasLowerCase(value) 检查是否包含至少一个小写字母。
   • 使用 PasswordValidator().hasNumber(value) 检查是否包含至少一个数字。

通过这些代码示例，你可以很方便地在 Flutter 应用中实现数据验证功能。