ejsで、forEachメソッドを用いて配列errorsに入ったエラーメッセージを表示したいです
解決したいこと
ejsで、forEachメソッドを用いて配列errorsに入ったエラーメッセージを表示したいです
Node.jsでユーザー新規登録機能の空入力した際に
エラーメッセージを表示させる機能作成しています。
ejsファイルに配列errorsを渡す実装中にエラーが発生しました。
先にsignファイル１で全く同じオブジェクト名やプロパティで実装できているファイルがあり// ===================お客様使用============================================
// ＠-----------新規登録------------＠
// ---ルーティング----
app.get('/signup',(req,res) => {
res.render('signup.ejs',{errors:[]});
});
// ---ユーザー登録処理---
app.post('/signup',
(req, res, next) => {
console.log('入力値の空チェック');
const username = req.body.nickname;
const fullname = req.body.fullname;
const password = req.body.password;
const errors = [];
if(username === ''){
errors.push('ニックネームが空です');
}
if(fullname === ''){
errors.push('フルネームが空です');
}
if(password === ''){
errors.push('パスワードが空です');
}
console.log(errors);
if(errors.length > 0){
res.render('signup.ejs',{errors:errors})
}else{
next();
}
},
<!-- signファイル１ -->
<div class="sign">
<div class="container">
<h1><a href="/">BEAUTY APP</a></h1>
<div class="panel">
<h2>新規登録</h2>
<% if (errors.length > 0) { %>
<ul class="errors">
<% errors.forEach(error => {%>
<li><%= error %></li>
<% }); %>
</ul>
<% } %>
signファイル１のファイルは動きます。
解決方法を教えて下さい。
発生している問題・エラー
express deprecated res.redirect(url, status): Use res.redirect(status, url) instead app.js:123:11
RangeError [ERR_HTTP_INVALID_STATUS_CODE]: Invalid status code: { errors: [Array] }
at ServerResponse.writeHead (_http_server.js:255:11)
at ServerResponse.writeHead (/Users/**/Desktop/ノート/node_modules/on-headers/index.js:44:26)
at ServerResponse._implicitHeader (_http_server.js:246:8)
at write_ (_http_outgoing.js:685:9)
at ServerResponse.end (_http_outgoing.js:798:5)
at ServerResponse.end (/Users/**/Desktop/ノート/node_modules/express-session/index.js:359:19)
at ServerResponse.redirect (/Users/**/Desktop/ノート/node_modules/express/lib/response.js:951:10)
at /Users/**/Desktop/ノート/app.js:123:11
at Layer.handle [as handle_request] (/Users/**/Desktop/ノート/node_modules/express/lib/router/layer.js:95:5)
at next (/Users/**/Desktop/ノート/node_modules/express/lib/router/route.js:137:13)
該当するソースコード
// =========スタッフ使用===
// ＠-----------新規登録------------＠
// ---ルーティング----
app.get('/staffsign',(req,res) => {
res.render('staffsign.ejs',{errors:[]});
});
// ---ユーザー登録処理---
app.post('/staffsign',
(req,res,next) => {
console.log('ちぇっく');
const staffnick = req.body.staffnick;
const staffname = req.body.staffname;
const staffpass = req.body.staffpass;
const errors = [];
if(staffnick === ''){
errors.push('ユーザー名が空です');
}
if(staffname === ''){
errors.push('メールアドレスが空です');
}
if(staffpass === ''){
errors.push('パスワードが空です');
}
console.log(errors);
if(errors.length > 0){
res.redirect('/staffsign',{errors:errors});
}else{
next();
}
},
<!-- signファイル２ -->
<div class="sign">
<div class="container">
<h1><a href="/">BEAUTY APP</a></h1>
<div class="panel">
<h2>新規登録</h2>
<% if (errors.length > 0) { %>
<ul class="errors">
<% errors.forEach(error => {%>
<li><%= error %></li>
<% }); %>
</ul>
<% } %>
自分で試したこと
・エラーコードの検索
→英語の記事が多く、1人では解決できる気がしなかったのでお力添えをお願いしたいです。
・ファイル２の定数のerrorsをerrrrなどに変更し、それに伴いif文を変えましたが、リファレンスエラーになるだけで解決できませんでした。
