flutter - Form表单验证

最新推荐文章于 2024-06-23 09:42:25 发布

素燃

最新推荐文章于 2024-06-23 09:42:25 发布

阅读量1.9k

点赞数 2

分类专栏： Flutter 文章标签： Form

总结不易，转载请说明出处哦!

本文链接：https://blog.csdn.net/qq_36407748/article/details/109186749

版权

Flutter 专栏收录该内容

16 篇文章 6 订阅

订阅专栏

表单验证

在这里插入图片描述

class FormWidget extends StatefulWidget {
  @override
  _FormWidgetState createState() => _FormWidgetState();
}

class _FormWidgetState extends State<FormWidget> {
  GlobalKey<FormState> formGlobalKey = GlobalKey<FormState>();
  String userName;
  String pwd;
  void save() {
    var form = formGlobalKey.currentState;
    if (form.validate()) {
      form.save();
      print(userName + "," + pwd);
    }
  }

  void reset() {
    var form = formGlobalKey.currentState;
    form.reset();
  }

  @override
  Widget build(BuildContext context) {
    return Form(
      key: formGlobalKey,
      child: Column(
        children: [
          TextFormField(
            decoration: InputDecoration(
              labelText: "姓名",
            ),
            // ignore: missing_return
            validator: (content) {
              if (content.length > 8) {
                return "姓名过长";
              } else if (content.length <= 0) {
                return "姓名过短";
              }
            },
            onSaved: (value) {
              userName = value;
            },
          ),
          TextFormField(
            obscureText: true,
            decoration: InputDecoration(
              labelText: "密码",
            ),
            // ignore: missing_return
            validator: (content) {
              if (content.length < 8) {
                return "密码过短";
              }
            },
            onSaved: (value) {
              pwd = value;
            },
          ),
          RaisedButton(
            onPressed: save,
            child: Text("保存"),
          ),
          RaisedButton(
            onPressed: reset,
            child: Text("重置"),
          )
        ],
      ),
    );
  }
}