Javascript 如何通过表格<;p>;使用HTML将数据发送到路由器函数
我试图编写一个页面,其中向用户显示一个未经验证的帐户列表,每个帐户都有自己的表单元素。每个表单元素都有自己的“提交”按钮,该按钮向Javascript 如何通过表格<;p>;使用HTML将数据发送到路由器函数,javascript,html,node.js,express,handlebars.js,Javascript,Html,Node.js,Express,Handlebars.js,我试图编写一个页面,其中向用户显示一个未经验证的帐户列表,每个帐户都有自己的表单元素。每个表单元素都有自己的“提交”按钮,该按钮向/verify发送POST调用。我遇到的问题是表单中的数据在/verify中不可见。如何授予服务器访问此表单数据的权限 此函数提供用于构建验证帐户页面的数据: router.get('/verifyAccounts', function(req, res){ userData.find({"Verified": false}, function(err, us
/verify
发送POST
调用。我遇到的问题是表单中的
数据在/verify
中不可见。如何授予服务器访问此表单数据的权限
此函数提供用于构建验证帐户页面的数据:
router.get('/verifyAccounts', function(req, res){
userData.find({"Verified": false}, function(err, user){
//console.log(user);
res.render('listUnverified', {listOf: user});
});
});
此函数是我们试图将数据传递给的/verify
函数:
router.post('/verify', function(req, res) {
//console.log(req.body);
var email = req.body.orgEmail;
console.log(email);
userData.update({"Email": email}, {$set: {"Verified": true}}, function(err, user) {
res.redirect('/verifyAccounts');
});
//res.redirect('/');
});
生成“验证帐户”页面的代码为:
<!doctype html>
<h1>THIS IS A LIST OF UNVERIFIED ORGANIZATION ACCOUNTS</h1>
{{# each listOf }}
<form action = "/verify" method="post">
<p name="orgName">{{ Org }}</p>
<p name="orgEmail">{{ Email }}</p>
<p name="orgPassword">{{ Password }}</p>
<button type="submit">Verify</button>
</form>
<br>
{{/each}}
这是未经验证的组织帐户列表
{{{#每个列表}
{{Org}
{{Email}
{{Password}
验证
{{/每个}}
因此,本质上我想要的是
/verify
函数能够访问其“submit”按钮被单击的表单中的字段,例如orgName
段落元素中的文本。你知道我该怎么做吗?
不是表单元素,它只是一个显示元素。所以基本上你有一个空的表单。您需要input
元素来保存表单数据。比如:
<input type="text" name="orgName" value="{{ Org }}" />
您还可以同时使用这两个元素,可能使用
来显示信息,也可以使用隐藏的表单元素将信息传递给服务器:
<p>{{ Org }}</p>
<input type="hidden" name="orgName" value="{{ Org }}" />
{{Org}
请注意,用户当然可以更改发送到服务器的任何内容的值