对于表单提交按钮,可以在发送给app.js(Nodejs)之前使用某些客户端javascript编辑表单输入

时间:2018-06-29 20:17:08

标签: javascript node.js server

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

mapDispatchToProps

1 个答案:

答案 0 :(得分:-1)

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

添加事件监听器

let form = document.querySelector("#generateForm");
form.addEventListener("submit", writeForm, true);

更多有关事件侦听器的信息: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

function writeForm(event){
    event.preventDefault();
    //your function to mutate and send data here...
}

我建议您练习一次使用原始JavaScript发送数据,以了解其工作原理。然后使用ajax Jquery使其变得更容易。最后使用网络框架真正简化事情。

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