如何在Meteorjs中提交隐藏输入的值

Question

在我的流星应用程序中，我通过单击下面的sbmit按钮来提交选择器编号的值

当我尝试使用Enter键（键盘）提交时，由于我设置了隐藏的输入并尝试提交，因此它不起作用。 我认为问题来自隐藏的输入，因此经过一个小时的搜索，我不知道如何提交隐藏的输入，请提供任何帮助； 这是我的代码

<template name="range">
<div class="row">
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
<div class="valueSliders">
  <div class="verticleNumberSelect">
  <span class="firstNumber">
    <span class="up"> </span>
    <span class="numberValue" tabindex="1">0</span>
    <span class="down"></span>
  </span>
  <span class="secondNumber">
    <span class="up"></span>
    <span class="numberValue" tabindex="1">0</span>
    <span class="down"></span>
  </span>
  <span class="thirdNumber">
    <span class="up"></span>
    <span class="numberValue" tabindex="1">0</span>
    <span class="down"></span>
  </span>
  <span class="fourthNumber">
    <span class="up"></span>
    <span class="numberValue" tabindex="1">0</span>
    <span class="down"></span>
  </span>
  <form>
  <input type="hidden" id="verticleNumber" />
  <input type="submit" style="visibility: hidden; position: absolute;" />

  </form>

</div>
</div>
</div>
</template>

而我的js是

Template.range.events({
'submit form': function (event) {

    event.preventDefault();

    if (Session.get('times') && Session.get('times') > 0) {
    var RESPONSE, responseClass;
    var GUESS = $('#verticleNumber').val();
    if (GUESS >  ANSWER) {
        RESPONSE = "-";
        responseClass = 'lower';
    }
    else if (GUESS <  ANSWER) {
        RESPONSE = "+";
        responseClass = 'higher';
    }
    else if (GUESS ==  ANSWER) {
        RESPONSE = "✔";
        responseClass = 'win';
      }

     }
    }
});

我动态设置了隐藏输入的值，它是玩家用选择器编号选择的值，我的意思是verticleNumber的值； 回答随机值

非常感谢

Answer 1

回车键只有在被认为是集中的情况下才可以在表单上使用-我认为仅具有一个隐藏输入的表单可以防止这种情况发生。 假设根本没有调用您的submit函数，我实际上将打破Meteor约定，并在模板的onCreated函数中执行一个jQuery事件侦听器：

$(document).keypress(function(e) {
    if(e.which == 13) {
        console.log('enter pressed');
        // Your code here to get values and do stuff.
    }
});