Html表单没有响应按Enter键

时间:2017-11-02 21:09:18

标签: javascript html node.js express

我正在使用express在nodeJS上编写我的网站的后端。那里有搜索表单。输入我正在寻找的对象的名称后,按Enter按钮,但表单没有响应。我在这里看过类似的帖子,但我的案例没有可行的解决方案。 这是表格

    <div>
      <form action="/options/searchres" method="GET"></form>
       <input type="text"  name="name" placeholder="Search..">
       <input type="hidden" name="page" value="1">
      </form>
   </div>

所以我有带路由器选项的app.js文件(websitename / options / search) 这是路由器options.js代码

    router.get("/search", (req, res) => {
    res.render('search');
    });
    router.get("/searchres", (req, res) => {
    academies.getAll()
    .then(data => {
    let object = data;
    let dat = {
        academies: academies,
        page: req.query.page,
        searchname: req.query.name
    };

    academies.getByName(req.query.name)
        .then(data => {
            dat.academies = data;
            // console.log(data);
            res.render('searchres', dat);
         })
       });
    });

1 个答案:

答案 0 :(得分:1)

您需要更改的一些事项

  1. 您过早关闭了<form>代码。这就是为什么你不能提交任何东西

  2. 第一个input有两种类型,删除submit一个

  3. 以下代码

    <div>
      <form action="/options/searchres" method="GET">
        <input type="text" name="name" placeholder="Search..">
        <input type="submit">
        <input type="hidden" name="page" value="1">
      </form>
    </div>