使用 Hyperscript 清除提交时的所有输入字段

Posted 2023-05-07

【中文标题】使用 Hyperscript 清除提交时的所有输入字段

【英文标题】：Clear all input fields on submit using Hyperscript

【发布时间】：2022-01-08 23:41:00

【问题描述】：

我正在使用 htmx 和超脚本，我希望在提交时清除以下表单中的所有输入字段：

<form hx-post="/example" hx-target="#table tbody" hx-swap="beforeend"
      _="<what should I write here??>">
        <label class="control-label" for="firstNameInput">First Name</label>
        <input id="firstNameInput" name="firstName" class="form-control" type="text" required placeholder="John"/>
        
        <label class="control-label" for="lastNameInput">Last Name</label>
        <input id="lastNameInput" name="lastName" class="form-control" type="text" required placeholder="Doe"/>
        <button class="btn btn-primary">Add User</button>
    </div>
</form>

我尝试将<what should I write here??> 替换为例如on submit put '' into <input/> 和 on submit put '' into <input[value]/> 以及许多其他组合，但我无法完成这项工作。

问：如何在提交表单时清除所有输入字段？

【参考方案1】：

试试on htmx:afterRequest reset() me

【讨论】：

这行得通！但是你介意解释一下原因吗？ :) “reset()” 是表单上的一个方法吗？

是的，reset 记录在这里 developer.mozilla.org/en-US/docs/Web/API/htmlFormElement/reset