Riotjs触发表单onsubmit

riotjs trigger form onsubmit

本文关键字：onsubmit 表单 Riotjs      更新时间：2023-09-26

所以我在RiotJS中有一个简单的表单

<tag-form>
  <form onsubmit={handleSubmit} id='someForm'>
    <input name='param1' />
    <button type="submit">Submit</button>
  </form">
  <script>
    this.handleSubmit=function(e) { console.log(e); }
  </script>
</tag-form>

当我通过按钮提交时，它工作得很好。但是当我使用外部按钮触发表单

的提交时
document.getElementById('someForm').submit();

它不工作，因为它不知何故没有运行riotjs的onsubmit函数，但本机submit函数，这不是我想要的…

如何解决这个问题?

经过一番修改，我像这样修复了它:

<tag-form>
  <form onsubmit={handleSubmit} id='someForm'>
    <input name='param1' />
    <button type="submit" id="someButton">Submit</button>
  </form">
  <script>
    this.handleSubmit=function(e) { console.log(e); }
  </script>
</tag-form>

，然后调用按钮上的.click()，而不是窗体上的.submit()。

document.getElementById('someButton').click();

这似乎工作得很好!

相关文章：