javascript - 表單中輸入框值遠程合法性驗證問題

問題描述

1.問題是這樣的，有一個輸入框，我想在onBlur時機去驗證該值在數據庫中是否已經存在，就像我們平時注冊郵箱的時候會實時提示該郵箱名稱是否已經被使用。之前在jquery時代可以是指ajax請求為同步。但是，在antd+dva框架中請求都是通過dispatch發起的，在這種情況下該如何實現呢？

問題解答

你可能還沒有完全搞清楚 Redux 相關的一些概念。

dispatch 發起的并不是請求，而是一個更改全局狀態的 Action。只不過最常見的更改數據狀態 Action 的場景是【發送異步網絡請求】，這并不代表請求必須 dispatch，也不代表 dispatch 必須在異步場景下使用。

具體到你的這個問題，一個輸入框的狀態顯然是非常局部的，顯然【在一般情境下】與頁面其它部分的狀態沒有耦合。那么這時，你完全可以不走 Dva 封裝的 Redux 那一套，而是自己封裝一個基于 fetch / axios / $.ajax 的模塊，專門提供給你這個輸入框組件使用。

最后，同步 Ajax 是糟糕的做法，建議封裝異步請求為 Promise。

@ewind 的回復正解其實我之前一直疑惑的原因在于不知道antd框架form組件validateFields方法會自動對異步操作進行阻塞，總想著異步驗證沒返回之前表單已提交的。