riotjs 触发表单提交
riotjs trigger form onsubmit
所以我在 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();
这似乎工作正常!
所以我在 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();
这似乎工作正常!