首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >对于表单提交按钮,是否可以在将表单输入发送到app.js (Nodejs)之前使用一些客户端javascript对其进行编辑

对于表单提交按钮,是否可以在将表单输入发送到app.js (Nodejs)之前使用一些客户端javascript对其进行编辑
EN

Stack Overflow用户
提问于 2018-06-30 04:17:08
回答 1查看 38关注 0票数 -2

因此,目前,我有一个具有许多参数的表单和一个按钮,当单击该按钮时,会将用户输入编辑为更易于管理的字符串。是否可以同时将其发送到我的Nodejs服务器,如果可以,如何获取该值(我猜是类似于req.body.generateForm的值,但我怀疑这是否可行)?这是我的表单的基本结构。

代码语言:javascript
复制
 <form id="generateForm" method="post" action="/app" onsubmit="return writeForm(event);">
EN

回答 1

Stack Overflow用户

发布于 2018-06-30 04:37:28

是的,而不是通过onsubmit将你的函数直接附加到表单上并调用它。您可以改为添加事件侦听器并防止默认事件。

添加事件监听器

代码语言:javascript
复制
let form = document.querySelector("#generateForm");
form.addEventListener("submit", writeForm, true);

有关事件监听器的更多信息,请单击此处:https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

代码语言:javascript
复制
function writeForm(event){
    event.preventDefault();
    //your function to mutate and send data here...
}

我建议你练习一次使用vanilla javascript发送数据,只是为了了解它是如何工作的。然后使用ajax Jquery使其更容易。最后,继续使用webframework来真正简化事情。

仅供参考,我发现MDN网络文档是一个很好的资源。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51108848

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档