hirolibe / hiro-blogapp

0 stars 0 forks source link

気づき(if (!content)) #54

Open hirolibe opened 1 month ago

hirolibe commented 1 month ago

問題点

contentに空白や改行のみが入力されている場合、if (!content)はtrueと判定される
Railsのモデルでバリデーションを設定している場合、空白や改行のみだとエラーが生じる
JavaScriptのフォーム入力ではエラーが生じないが、サーバー(Rails)側でエラーが生じてしまう

対策案

app/javascript/packs/article.js if (!content.trim()) として空白や改行を除去し、空白や改行のみの場合はfalseと判定する

if (!content.trim()) {
  window.alert('コメントを入力してください')
} else {
  axios.post(`/articles/${articleId}/comments`, {
    comment: {content: content}
  })