window confirm のダイアログにinputで入力した値を表示したい

Question

Laravel5.5 blade script部分 javascript

if(window.confirm('氏名:\n電話番号:\nメールアドレス:\nこの内容で登録しますか？')){

            return true;
        
        }// 「OK」時の処理終了
        else{// 「キャンセル」時の処理開始

            window.alert('キャンセルされました'); // 警告ダイアログを表示
            return false;

        }// 「キャンセル」時の処理終了
    }

<li><label>氏名:</label> <input class="data" type="text" name="name" value="{{ $data->userName }}" required></li>

                    <li><label>電話番号:</label> <input class="data" type="tel" name="tel" value="{{ $data->tel }}"></li>

                    <li><label>メールアドレス:</label> <input class="data" type="email" name="email" value="{{ $data->email }}"></li>

入力フォームで入力した内容を
('氏名:\n電話番号:\nメールアドレス:\nこの内容で登録しますか？')
にそのまま表示したいのですがうまくいきません。

試してみたこと

    var valname = $("input[name='name']").val();
        var valtel = $("input[name='tel']").val();
        var valemail = $("input[name='email']").val();


        if(window.confirm('氏名:' +  valname + '\n電話番号:' + valtel + '\nメールアドレス:' + valemail + '\nこの内容で登録しますか？')){

このコードだとそもそもダイアログが表示されなくなってしまいました。

Answer 1

returnが使えないようです。
関数にしてみたら使えました。

Uncaught SyntaxError: Illegal return statement
returnを返す場所が無いというエラーを出していたようです。

function checkText() {
  var valname = $("input[name='name']").val();
  var valtel = $("input[name='tel']").val();
  var valemail = $("input[name='email']").val();

  if(window.confirm('氏名:' +  valname + '\n電話番号:' + valtel + '\nメールアドレス:' + valemail + '\nこの内容で登録しますか？')){
    return true;
  } else {
    window.alert('キャンセルされました');
    return false;
  }
}

<li><label>氏名:</label> <input class="data" type="text" name="name" value="{{ $data->userName }}" required></li>
<li><label>電話番号:</label> <input class="data" type="tel" name="tel" value="{{ $data->tel }}"></li>
<li><label>メールアドレス:</label> <input class="data" type="email" name="email" value="{{ $data->email }}" onchange="checkText()"></li>

Comments

[nanako_azami]

回答ありがとうございます、fuctionの記述とscript部分のjqueryの読み込みも忘れていました。今後気を付けていきます。ありがとうございました。