javascript - 如何使用 jquery/javascript && 重置 html 中的表单数据以及如何使用 jquery 将表单数据发送到电子邮件?

标签 javascript jquery html forms

我是 jquery 的新手

我正在处理表单数据html

现在我需要重置数据点击重置按钮并且还需要传输单击提交按钮将表单数据发送到电子邮件。

谁能帮我解决这个问题吗?

在发布问题之前,我已经浏览了 Pierre C. 更新的链接,我的问题与该问题不同,甚至如何添加/我们可以在 anchor 标记中添加“type”属性。??

这是 html:

<form id="form" method="post">
  <fieldset>
    <label>
      <input type="text" value="Name">
    </label>
    <label>
      <input type="text" value="Email">
    </label>
    <label>
      <input type="text" value="Phone">
    </label>
    <label>
      <textarea>Message</textarea>
    </label>
    <div class="btns">
      <a href="#" class="button">Clear</a>
      <a href="#" class="button" onClick="document.getElementById('form').submit()">Send</a>
    </div>
  </fieldset>
</form>

最佳答案

要清除表单中的所有数据,您只需添加一个

<input type="reset" name="reset" value="Reset"></input>

但是,重置按钮很烦人,而且没有人使用过它们,所以我建议您保留它。关于发送表单,我的方法是在 ASP.NET MVC 中编写此应用程序,然后将邮件逻辑放入 Controller 中,或者为您的应用程序创建一个 API,然后在按钮上单击使用创建 Ajax POST表单数据作为 API 参数。

关于javascript - 如何使用 jquery/javascript && 重置 html 中的表单数据以及如何使用 jquery 将表单数据发送到电子邮件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36640373/

相关文章:

html - 如何将列表项定位到其父级无序列表/div 的右侧?

javascript - 存储 url 的历史列表并使用 jquery 访问上一个和下一个 url

html - 修改css文件中的顶部栏

javascript - 网页中的空白

javascript - 测试服务依赖于其他有 promise 的服务(Karma - Angular)

javascript - 在HTML中使用 "button"和innerHTML时没有结果

javascript - 从保存带有日期的值的现有数组创建新数组

javascript - Ajax Success 调用后更新 span 标签时出现问题

javascript - 如果用户决定返回,则在 ajax 请求后检索 Post 数据

javascript表格填写不同的方式