打开登录页面 .. 直接提交一下表单 .. 应用会验证表单里的数据 ... 在表单上会显示错误信息 .. 这个是我们之前给这个表单添加的验证的规则 ..

回到项目 ... 打开 AuthController ...

在 auth 方法里面 ... 这块代码主要就是定义与使用了表单数据的验证功能 .. 在前面的课程里，我们介绍过使用单独的 Validator .. 所以这块代码我们可以把它放在单独的 Validator 里面 .. 把它们先删除掉 ..

在 App .. Validators 里面，有我们之前定义的 Validator ... 复制一份这里的 StoreUser ... 名字可以是 LoginUser ...

rules 里定义的是验证的规则 .. 需要 username ... 还有 password .. 只留下 required 这个规则 ..

messages 方法里面是验证出错的时候显示的信息 .. 留下 username.required ... 还有 password.required ... 把其它的先都删除掉 ..

然后打开 routes.js .... 找到 auth 这个路由 ... 给它添加一个 validator ... 要使用的验证器就是刚才创建的 LoginUser ..

试验

回到浏览器，再试一下 ..

提交一下表单 .. 验证失败的表单元素上会显示错误信息 ...