Question

我想用node.js编写一个简单的程序（我不想使用angular或其他js框架），其中包含一个文本字段。

Answer 1

这不是一个Node问题，因为它是一个Javascript问题，因为您需要帮助的部分在客户端执行。看看这个问题：jQuery get textarea text。这似乎正是你正在寻找的。我只想补充一下 - 你真的应该使用模板来学习Express和它的res.render（）函数。在Javascript中编写HTML和Javascript并不是实现目标的好方法。

Answer 2

将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>';

Answer 3

Theres有些不对劲。

Body Parser应该像这样使用

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

您的表单应指定方法

method="post"

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

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

将结束表单标记放在提交按钮

之后

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

不要把你的html代码写成一个大的var：）

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

3 个答案: