防止表單提交與js禁用作出反應

Question

我在React中有一個表單，我希望在以下兩個條件下不能提交：

該應用程序是服務器端呈現的，因此在應用程序包在客戶端完成下載之前，該表單是可見的。 如果在包完成之前提交表單，表單將發出請求並將表單參數附加到URL。

我嘗試過設置空白設置

<form onSubmit="return false">
</form>

最初將表單設置為禁用然后在componentDidMount（）上啟用它似乎是一個解決方案，但我想知道是否有一些HTML屬性我可以添加到表單或提交按鈕。

Answer 1

禁用您的提交按鈕並在JavaScript模塊的末尾啟用。

如果禁用JavaScript，則會禁用該按鈕，並且僅在執行JavaScript模塊后激活該按鈕。

 // In your JS module document.getElementById('submit').disabled = false

 <form> <input id='submit' type='submit' disabled /> </form>

請記住， 這絕不應該用作安全措施 。 客戶端上的代碼本身就在用戶的控制之下，並且可以由用戶操縱而沒有任何限制。