htmlについての質問

Question

間違っているところがわかりません。
教えてください。

1.これは動きます。
<form action="/cgi-bin/receive.sjs" method="POST" enctype="text/plain"
onsubmit="return confirm('アンケート回答の確認\n以下の内容で送信してもよろしいですか？\n\n')";>

2.しかし2個目は動きません。
<form action="/cgi-bin/receive.sjs" method="POST" enctype="text/plain"
onsubmit="return confirm('アンケート回答の確認\n以下の内容で送信してもよろしいですか？\n\n' +
'性別: '+(form.seibetsu[0].checked? '男' : form.seibetsu[1].checked? '女'
: '未選択')";>

``````ここに言語を入力
<form action="/cgi-bin/receive.sjs" method="POST" enctype="text/plain"
onsubmit="return confirm('アンケート回答の確認\n以下の内容で送信してもよろしいですか？\n\n' +
'性別: '+(form.seibetsu[0].checked? '男' : form.seibetsu[1].checked? '女'
: '未選択')) +
'年齢: '+(form.age.options[form.age.value].text) +
'1日の睡眠時間はどれくらいですか？ '+(form.sleep.value ? (form.sleep.value+'時間') : '未入力')+'\n'+
'朝食は食べますか？ '+(form.breakfast[0].checked ? 'はい' :
form.breakfast[1].checked ? 'いいえ': '未選択'　+　'\n'+
'1日にどれくらいテレビを見ますか？ '+(form.tv.options[form.tv.value].text)+'時間' + '\n'+
'1日に何回ぐらい運動しますか？ '+(form.exercise.value ? (form.exercise.value+'回') :
'未入力')+'\n'+
'飲酒しますか？ '+(form.drinking[0].checked ? 'しない' :
form.drinking[1].checked ? 'たまに' : form.drinking[2].checked ? '毎日' :
'未選択')+'\n'+
(form.drinking[1].checked || form.drinking[2].checked? ' 飲酒される方へ\n
1回の量は日本酒に換算してどのくらいですか？ '+(dorm.d_amount.value? form.d_amount.value+'合'
: '未入力')+'\n' : '')+
'喫煙しますか？　'(form.smoking[0].checked? ' 喫煙される方へ\n 1日あたり何本吸いますか？
 '+(form.s_amount.value ? form.s_amount.value+'本' : '未入力')+'\n' : ''));">

Comments

[m.ts10806]

コードブロック内にはコード”のみ”を記載してください。「ここに言語を入力」には言語名を入れると（例：html）適切にハイライトされます。あと「JavaScript」タグも追加しておいてください。ブラウザ開発ツールのコンソールにエラーが表示されていませんか？ご確認ください。

Answer 1

この量をすべてonsubmitに書くのは辛いでしょう。切り出してみたらデバッグもしやすいのでは？

<form onsubmit="return check(event);" action="/cgi-bin/receive.sjs" method="POST" enctype="text/plain">

function check(event) {
  var form = event.target;
  var age = form.elements['age'];
  var sleep = form.elements['sleep'];
  var breakfast = form.elements['breakfast'];
  var tv = form.elements['tv'];
  var exercise = form.elements['exercise'];
  var drinking = form.elements['drinking'];
  var smoking = form.elements['smoking'];
  var s_amount = form.elements['s_amount'];
  var message = 'アンケート回答の確認\n以下の内容で送信してもよろしいですか？\n\n';
  message += '性別: ' + (form.elements['seibetsu'][0].checked ? '男' : form.elements['seibetsu'][1].checked ? '女' : '未選択');
  message += '年齢: ' + (age.options[age.selectedIndex].text);
  message += '1日の睡眠時間はどれくらいですか？ ' + (sleep.value ? sleep.value + '時間' : '未入力') + '\n';
  message += '朝食は食べますか？ '+ (breakfast[0].checked ? 'はい' : breakfast[1].checked ? 'いいえ' : '未選択') + '\n';
  message += '1日にどれくらいテレビを見ますか？ ' + (tv.options[tv.selectedIndex].text) + '時間\n';
  message += '1日に何回ぐらい運動しますか？ ' + (exercise.value ? exercise.value + '回' : '未入力') + '\n';
  message += '飲酒しますか？ '+ (drinking[0].checked ? 'しない' : drinking[1].checked ? 'たまに' : drinking[2].checked ? '毎日' : '未選択') + '\n';
  if (drinking[1].checked || drinking[2].checked) {
    var d_amount = form.elements['d_amount'];
    message += ' 飲酒される方へ\n1回の量は日本酒に換算してどのくらいですか？ ' + (d_amount.value ? d_amount.value + '合' : '未入力') + '\n';
  }

  message += '喫煙しますか？　' + (smoking[0].checked ? ' 喫煙される方へ\n 1日あたり何本吸いますか？ ' + (s_amount.value ? s_amount.value + '本' : '未入力') + '\n' : '');
  return confirm(message);
}

Answer 2

閉じかっこが足らないのと
「form.」で参照してるのにformに「form」という名前が付いてないのが原因です。

<form action="/cgi-bin/receive.sjs" method="POST" enctype="text/plain" name="form"
onsubmit="return confirm('アンケート回答の確認\n以下の内容で送信してもよろしいですか？\n\n' +
'性別: '+(form.seibetsu[0].checked? '男' : form.seibetsu[1].checked? '女'
: '未選択'))";>