JS 提交表单后清空表单

最新推荐文章于 2023-07-26 11:31:25 发布

刺心疯

最新推荐文章于 2023-07-26 11:31:25 发布

阅读量1.8k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_42363090/article/details/93464309

版权

微信小程序专栏收录该内容

121 篇文章 12 订阅 ¥69.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在JavaScript中实现表单提交成功后自动清空表单内容，以微信小程序为例，通过在submit事件中处理清空操作。

摘要由CSDN通过智能技术生成

清空表单是比较常见的场景，表单本身就有reset事件作用于清空表单，但是reset事件需要点击按钮才能触发，我们现在想不触达按钮在表单提交的submit事件内，当提交表单成功后清空表单中 value 。

下面来看代码，很简单

以微信小程序为示例

<!--index.wxml-->
<form class='form' bindsubmit='formSubmit' bindreset='formReset'>
  <input name='name' value='{
  {name}}' placeholder='请输入姓名'></input>
  <input name='phone' value='{
  {phone}}' placeholder='请输入电话'></input>
  <input name='gender' value='{
  {gender}}' placeholder='请输入性别'></input>
  <input name='age' value='{
  {age}}' placeholder='请输入年龄