クイズアプリで複数の回答を一度にPOSTしたい

Question

前提・実現したいこと

Express,Mongooseを用いて、簡単なクイズアプリを作っています。
複数の回答(2つ）をPOSTする機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

Answer validation failed: number: Cast to Number failed for value "[ '1', '2' ]" at path "number"

該当のソースコード

pugを用いて、クイズおよび選択肢を表示させています。

form(method='POST' action='')

    each question in question_list
        li #{question.name}
          |  #{question.content}
          div.form-group
          label(for='number')
          input#number.form-control(type='hidden', name='number' value=question.name)
          label(for='answer_choice')
          input#answer_choice.form-control(type="radio" name='answer_choice', value='1', required='true')
          #{question.choice1}
          input#answer_choice.form-control(type="radio" name='answer_choice', value='2', required='true')
          #{question.choice2}
          input#answer_choice.form-control(type="radio" name='answer_choice', value='3', required='true')
          #{question.choice3}
          input#answer_choice.form-control(type="radio" name='answer_choice', value='4', required='true')
          #{question.choice4}
    .submit
        button.btn.btn-primary(type='submit') Submit

クイズの内容は以下のコードにてmLab(mongodb)にあがっています。現在はクイズは２問あります。

var mongoose = require('mongoose');

var Schema = mongoose.Schema;

var questionSchema = new Schema(
  {
  name: {type: Number, required: true},
  content: {type: String, required: true},
  choice1: {type: String, required: true},
  choice2: {type: String, required: true},
  choice3: {type: String, required: true},
  choice4: {type: String, required: true},
  }

);

//export model
module.exports = mongoose.model('Question', questionSchema)

回答は以下のスキーマで管理しています。

var mongoose = require('mongoose');


var Schema = mongoose.Schema;

var AnswerSchema = new Schema(
  {
  number: {type: Number, required: true },
  answer_choice: {type: Number, required: true }
}

);


//export model
module.exports = mongoose.model('Answer', AnswerSchema)

回答のPOSTは以下のコードで行います。

exports.answer_create_post = function(req, res, next) {
    // Create an Answer object
    var answer = new Answer(
      {
          number: req.body.number,
          answer_choice: req.body.answer_choice
      }
    );
    answer.save(function (err){
      if (err) { return next(err); }
      res.send('NOT IMPLEMENTED: Answer POST');
    });
  };

試したこと

8つ(4×2)のラジオボタンは一つしか押せないので、全てanswer_choiceとして認識されているのだと思うのですが、answer_choiceをqustion.nameに変えてしまうと以下のようなエラーが出てしまいます。

Answer validation failed: number: Cast to Number failed for value "[ '1', '2' ]" at path "number", answer_choice: Path `answer_choice` is required.

補足情報

プログラミングを始めたばかりで、基本的な知識が足りておらず、質問の仕方もいまいちわかっておりませんが、ご教示いただけると大変助かります。
なお、このアプリはMozillaのこちらのチュートリアルを参考にしております。
リンク内容

Answer 1

エラーメッセージを確認すると、型変換で、配列を数字にしようとして、エラーが出てるようです。

Answer validation failed: number: Cast to Number failed for value "[ '1', '2' ]" at path "number", answer_choice: Path `answer_choice` is required.

質問者さんの意図どおり、あたいは複数一気に取得できているようですが、そのあとの、値のsave部分でエラーが出てるように感じます。（どこのエラーか質問からわからず。。）

var answer = new Answer(
      {
          number: req.body.number,
          answer_choice: req.body.answer_choice
      }
    );
answer.save(function (err){
      if (err) { return next(err); }
      res.send('NOT IMPLEMENTED: Answer POST');
    });

このAnswerクラスのanswer_choiceは数字のみを受け付けてるようなので、下記のようにして、バラバラに登録するか、もしくは、Answerクラスのanswer_choiceを修正する方向になると思います。

var answer_choices = req.body.answer_choice;
var LENGTH = answer_choices.length;
for (var i = 0; i < LENGTH; i++) {
  var answer_choice = answer_choices[i];
  var answer = new Answer(
      {
          number: req.body.number,
          answer_choice: answer_choice
      }
    );
  answer.save(function (err){
    if (err) { return next(err); }
    res.send('NOT IMPLEMENTED: Answer POST');
  });
}

Comments

[izumeeeel]

ご丁寧に教えていただきありがとうございました！answer_choiceを修正したら二つとも取得することができました！上記のようにバラバラでやるほうもやってみたいと思います！