javascript - 表单中输入框值远程合法性验证问题

Question

1.问题是这样的，有一个输入框，我想在onBlur时机去验证该值在数据库中是否已经存在，就像我们平时注册邮箱的时候会实时提示该邮箱名称是否已经被使用。之前在jquery时代可以是指ajax请求为同步。但是，在antd+dva框架中请求都是通过dispatch发起的，在这种情况下该如何实现呢？

Answer 1

你可能还没有完全搞清楚 Redux 相关的一些概念。

dispatch 发起的并不是请求，而是一个更改全局状态的 Action。只不过最常见的更改数据状态 Action 的场景是【发送异步网络请求】，这并不代表请求必须 dispatch，也不代表 dispatch 必须在异步场景下使用。

具体到你的这个问题，一个输入框的状态显然是非常局部的，显然【在一般情境下】与页面其它部分的状态没有耦合。那么这时，你完全可以不走 Dva 封装的 Redux 那一套，而是自己封装一个基于 fetch / axios / $.ajax 的模块，专门提供给你这个输入框组件使用。

最后，同步 Ajax 是糟糕的做法，建议封装异步请求为 Promise。

Answer 2

@ewind 的回复正解
其实我之前一直疑惑的原因在于不知道antd框架form组件validateFields方法会自动对异步操作进行阻塞，总想着异步验证没返回之前表单已提交的。