CRUD（26）：新增-一次失败的校验机制测试

一、解释一下现有的校验机制。

点击新增， 会弹出新增的模态框，并且清空之前模态框的数据和样式。

输入数据以后——
①首先由jquery前端校验，检查新增的数据是否合法。

如果数据不合法，则给出提示，并且禁用保存；重新输入以后，输入框的样式会清空，再重新校验。

如果数据合法——
②然后发送ajax请求在数据库中校验用户名是否重复。
如果用户名重复，则给出提示，并且禁用保存；重新输入以后，输入框的样式会清空，再重新校验。

二、这个校验机制还存在什么样的问题呢。

首先输入一个重复的用户名数据，会提示用户名重复——

然后输入一个错误的邮箱数据，点一下保存——

奇迹发生了，用户名一栏的状态变成正确了！

现在输入正确的邮箱数据——

好的呢，两个框都尼玛正常了。

从头到尾F12看一下：

①用户名重复的时候：

模态框样式变了，出现错误提示。
[图片上传失败...(image-7f9f8d-1613393346381)]

ajax-var = "error"

这个保存按钮就会返回false，相当于保存被禁用了。

②输入错误的邮箱数据：

正常的正常的，刚输入完一点问题都没有哦。这tm就有问题。

③点一下保存：

邮箱终于舍得报错了。

但是用户名就不报错了！！！！！艹

④行吧那我现在把邮箱改正确，点一下保存：

邮箱显示正确，这里没问题。

用户名还是显示正确。

但是我们的ajax-va还是error，没办法保存，也不给用户提供错误信息。

⑤试试把用户名改成合法数据：

好了好了正确了，行吧。

下面我解决一下这个傻逼问题。