【问题标题】:Javascript input formJavascript 输入表单
【发布时间】:2013-05-19 15:27:00
【问题描述】:

我有这个日期选择器功能:

!!!5
html
  head
    link(type='text/css', href='http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css',  rel='stylesheet')
script(src='http://code.jquery.com/jquery-1.9.1.js', type='text/javascript')
script(src='http://code.jquery.com/ui/1.10.3/jquery-ui.js', type='text/javascript')
script
  $(function() {
    $.datepicker.setDefaults(
      $.extend($.datepicker.regional[""])
    );
    $("#datepicker").datepicker();
  });

我想用输入表单发送所选日期的结果。

input#datepicker(type='text') 

我得到输入字段并且可以选择日期等,但我似乎无法接收/传输到我的其他 .js 文件。

如何将结果打包成表单(带有值)?使用其他值我只是做这样的事情:

form(action="/registerActivity", method="post")
  select(name = "item[activity]")
    each point in points
      option(value=point.Activity) #{point.Activity}

  select(name ="item[participant]")
    option(value='testValue') Just a Option

  input#datepicker(type='text', name="item[date]")
  input(type="submit", value="Registrer participant")

这是这样收到的:

registerActivity: function(req,res) {
  var item = req.body.item;
  newActivity = new activity();
  newActivity.activityName = item.activity;
  newActivity.acitivtyParticipant = item.participant;
  newActivity.acitivtyDate = item.date;
  newActivity.save(function savedActivity(err){
    if(err) {
      throw err;
    }
  });
  res.redirect('/');

非常感谢任何帮助!

【问题讨论】:

    标签: javascript html forms pug


    【解决方案1】:

    您没有显示整个代码,但从外观上看,您可能缺少名称属性。这就是 req.body 寻找的内容。

    所以在翡翠中它会是

    input#datepicker(type='text', name='yourname')
    

    【讨论】:

    • 你能编辑你的问题吗?或者扔一个小提琴,让我可以看到整个玉石景观。
    • 将其更改为字符串,而不是从项目对象中获取,因此将其更改为 name="mydate" 或类似的内容,然后 console.log 记录 req.body 并查看是否看到值.
    • 但是您从其他输入中获取值?或者是整个身体未定义。
    • 是的,现在尝试控制台记录每个值。它只是不转移的日期。
    • 这看起来很奇怪。给我一点时间,我将使用你的源启动一个节点项目,你现在有我的好奇心,因为这没什么意义哈哈。
    猜你喜欢
    • 2012-08-12
    • 1970-01-01
    • 2019-04-26
    • 2015-01-31
    • 2016-08-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多