Opa:提交表单时防止页面重新加载

Question

在 Opa 中，如何防止提交表单时重新加载页面？当按下提交时，我想执行一些客户端验证，并且仅在验证通过时才提交表单。

我正在使用此表单:

<form onready={_ -> ready()} id=#form_id>
  <input type="submit" value="Submit" />
</form>

此函数在提交时成功记录其消息，但仍重新加载页面:

ready() : void =
  do ignore(Dom.bind(#form_id, {submit}, ( _ -> Log.notice("submit","submitted"))))

此函数无法记录其消息并重新加载页面:

ready() : void =
  do ignore(Dom.bind_with_options(#form_id, {submit}, ( _ -> Log.notice("submit","submitted")), [{prevent_default}]))

我避免使用 WFormBuilder 因为我需要对表单的 html 和验证错误消息进行细粒度控制(这在 WFormBuilder 中似乎不是一个选项当我尝试它时)。

感谢您的帮助。

Answer 1

在 the source WFormBuilder 中，我在其表单 html 中找到了此属性: options:onsubmit="prevent_default"

所以片段具有我正在寻找的行为:

<form onready={_ -> ready()} id=#form_id options:onsubmit="prevent_default">
  <input type="submit" value="Submit" />
</form>

ready() : void =
  do ignore(Dom.bind(#form_id, {submit}, ( _ -> Log.notice("submit","submitted"))))