javascript - 大卫·特恩 bool (David Turnbull) 将得分字段添加到添加球员表单时排序不正确

Question

如果有人完成或正在关注 David Turnbull 的“创建您的第一个 Meteor 应用程序”，这是一个问题。

第 102 页上显示“在“添加玩家”表单中添加“分数”字段，允许用户在将玩家提交到列表时为其定义分数。”

我想出了如何做到这一点，在我的 Leaderboard.js 文件中使用它:

Template.addPlayerForm.events({
  'submit form': function (event) {
    event.preventDefault();
    var playerNameVar = event.target.playerName.value;
    var playerScoreVar = event.target.playerScore.value;
    PlayersList.insert({
      name: playerNameVar,
      score: playerScoreVar
    });
    var playerNameVar = event.target.playerName.value = "";
    var playerScoreVar = event.target.playerScore.value = "";
  }
});

在我的排行榜.html 文件中:

<template name="addPlayerForm">
  <form>
    <input type="text" name="playerName">
    <input type="number" name="playerScore">
    <input type="submit" value="Add Player">
   </form>
</template>

当创建新玩家时，无论得分如何，该玩家都会被置于列表顶部。使用此排序:

Template.leaderboard.helpers({
  'player': function(){
      return PlayersList.find({}, {sort: {score: -1, name: 1} });
      // -1 sorts descending, while 1 will sort ascending
  },
  ...
});

我的猜测是我可能没有正确定义分数。任何帮助都会很棒!

Answer 1

输入的值，即使是type="number"，仍然是一个字符串。

因此，如果作为字符串插入，它似乎具有最高值。

您应该从中解析一个 int 并验证它:

var playerScoreVar = parseInt(event.target.playerScore.value, 10);
// validation logic may go here or be placed in a method.
...