Flutter Textformfield：在TextFormField输入中需要一个特殊字符

Question

我正在使用Flutter中的TextFormfield输入登记页面。

我想要的是，如果没有char'@'和'。然后它将被拒绝。

这是我希望的结果：

输入：name

errortext：“您应该输入有效的电子邮件地址”

输入： [电子邮件＆nbsp; prected]

响应：成功

，这是我的代码：

                      TextFormField(
                          keyboardType: TextInputType.emailAddress,
                          inputFormatters: [
                            FilteringTextInputFormatter.allow(
                                RegExp("[a-z0-9@._-]")),

                          ],
                          onChanged: (text) {
                            _onSearchChanged(text);
                          },
                          controller: emailController,
                          decoration: InputDecoration(
                              errorText:
                              isEmailInvalid ? "Email is already taken" : null,
                              hintText: 'Enter your email',
                              suffixIcon: isEmailvalid
                                  ? const Icon(
                                Icons.check,
                                color: Colors.green,
                              )
                                  : const Icon(
                                  Icons.check_circle,
                                  color: Colors.transparent)
                          )),

Answer 1

您可以使用它来验证电子邮件，告诉我是否有任何问题

  bool isEmail = RegExp(r"^[a-zA-Z0-9.a-zA-Z0-9.!#$%&'*+-/=?^_`{|}~]+@[a-zA-Z0-9]+\.[a-zA-Z]+").hasMatch(your_email_here);

Answer 2

您需要将TextFieldForm包裹在表单中，并为其设置验证器。您可以参考此示例代码：

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  static const String _title = 'Flutter Code Sample';

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: _title,
      home: MyStatefulWidget(),
    );
  }
}

class MyStatefulWidget extends StatefulWidget {
  const MyStatefulWidget({Key? key}) : super(key: key);

  @override
  State<MyStatefulWidget> createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  @override
  Widget build(BuildContext context) {
    return Material(
      child: Center(
        child: Form(
              autovalidateMode: AutovalidateMode.always,
              onChanged: () {
                Form.of(primaryFocus!.context!)!.save();
              },
              child: Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: ConstrainedBox(
                      constraints: BoxConstraints.tight(const Size(200, 50)),
                      child: TextFormField(
                        validator: (String? value) {
    return value != null && RegExp(r"^[a-zA-Z0-9.a-zA-Z0-9.!#$%&'*+-/=?^_`{|}~]+@[a-zA-Z0-9]+\.[a-zA-Z]+").hasMatch(value) ? null : 'Invalid email';
  }
                      ),
                    ),
                  ),
            ),
          ),
    );
  }
}