用户登录

在表单字段里面,添加一个 autovalidate 属性,把它的值设置成 true .. 这样这个表单会自动执行验证 .. 在这个 Username 字段的下面,会提示它是一个必填的东西 .. 在字段里输入点内容 .. 验证通过,错误提示又会消失 ..

现在我不想让表单字段一开始就使用自动验证 .. 可以动态的打开它的自动验证功能 .. 比如在用户提交表单以后再打开字段的自动验证 ..

先用一个属性来表示 autovalidate .. 名字可以是 autovalidate .. 在下面这个 Password 字段里面,也添加一个 autovalidate .. 对应的值设置成 autovalidate ..

然后在类里面 .. 添加一个 bool 类型的属性 .. 名字是 autovalidate ... 先让它的值等于 false .. 这样字段的自动验证功能默认是关闭的状态 ..

再找到提交表单的处理方法 ... 里面添加一个 if else .. 先判断一下 registerFormKey.currentState.validate 方法返回的值 .. 如果是 true ... 我们再执行保存表单数据 ... 还有在控制台上输出用户名与密码 ..

else ,如果验证失败 .. 可以执行一下 setState .. 给它一个方法 .. 方法里面把 autovalidate 这个属性的值设置成 true ... 这样就会打开表单字段的自动验证功能 ..

执行一下 hot restart ..

表单字段不会显示错误信息 ..

提交一下表单 .. 会出现错误信息 .. 这个时候会打开表单字段的自动验证功能 .. 因为提交表单,验证失败,我们就会打开表单字段的自动验证功能 ..

在字段里输入点内容 ... 验证成功 ... 错误信息就会消失 ..

Form:自动验证《 Flutter 移动应用:表单 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点