获取node.js上的文本字段的值

我想写一个简单的程序只与node.js(我不想使用angular度或另一个js框架),其中包含一个文本字段。

这有几件事是错误的。

身体parsing器应该像这样使用

app.use(bodyParser.urlencoded({extended: false})); 

你的表格应该指定方法

 method="post" 

您的input元素应使用name属性,因为这是在提交表单时传递给服务器的内容

  <input type="text" class="form-control" id="inputphonenumber" name="inputphonenumber" 

在提交button之后放置结束标签

 <button type="submit" class="btn btn-primary">Submit</button></form> 

不要写你的HTML代码作为一个大的变种:)

这不是一个Node问题,因为它是一个Javascript问题,因为你需要帮助的部分是在客户端执行的。 看看这个问题: jQuery获取textarea文本 。 这似乎正是你在找什么。 我只是想添加 – 你真的应该学习像Express和它的res.render()函数使用模板。 用Javascript编写HTML和Javascript并不是一个很好的方法来完成你想要的。

以长string发送HTML是非常糟糕的做法。 但我想你可以用简单的Javascript来实现你想要的。 只要使用以下

 result += '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">'; result += '<link rel="stylesheet" href="https://bootswatch.com/cerulean/bootstrap.min.css">'; result += '<title> Demo </title>'; /* result += '<script type="text/javascript"> function take_number() {'; result += 'phone_number = document.getElementById("inputphonenumber")'; result += 'console.log(phone_number); '; result += 'console.log(ok);} </script>'; result += '<script type="text/javascript"> console.log("test");'; */ result += '</head><body><br /><br /><br /><div class="container">'; result += '<form class="form-horizontal"><fieldset><legend> Demo </legend>'; result += '<br /><h2><center>Please enter your Phone Number</center></h2> <br /> <br />'; result += '<div class="col-lg-2 col-lg-offset-5">'; result += '<input type="text" class="form-control" id="inputphonenumber" placeholder="+33XXXXXXXXX"></div>'; result += '</fieldset></form></div><br /><br /><br />'; result += '<div class="form-group"><div class="col-lg-10 col-lg-offset-6">'; result += '<button type="reset" class="btn btn-default">Cancel</button>'; result += '<button type="submit" class="btn btn-primary" onclick="alertNumber()">Submit</button></div></div>'; result += '<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>'; result += '<script> function alertNumber() {var input = document.getElementById("inputphonenumber").value; alert("You have entered your number: " + input);}</script>'; result += '</body></html>';