0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

編集画面で更新ができない!?

Posted at

An invalid form control with name='◯◯[image]' is not focusable. というエラー

編集画面(edit)ではnewの画面をコピーして使用することもあるかと思います。
私は今回コピペで作成し、動作確認をしていました。

通常であれば問題なく動くはず。。。なのですがなぜか更新ボタンを押しても反応しない状態状態でした。
デベロッパーツールを見てみると、
An invalid form control with name='recipe[image]' is not focusable.
というエラーが出ていました。

スクリーンショット 2020-05-15 22.10.56.png

#name='recipe[image]'のformコントローラーが使えない・・・?

##該当コード

= form_with model: @recipe do |f|
  .new__main__upper-half__left#image_input
    = f.label :image, {class: 'new__main__upper-half__left__label'} do
      = f.file_field :image, {class: 'new__main__upper-half__left__label__input',required: "required"}
        %pre
          %i.fas.fa-camera.fa-lg
          クリックして画像を選んでください

#解決方法
入力必須のオプションである required: "required" を消す、だけ

editで生成されるfile_fieldは上手く初期値が拾えていないようです。
その結果、入力必須のオプションを使用しているとrails様は
『必須になってるけどそんなんないよ!?』
と戸惑ってしまう分けです。

と言うわけで、file_fieldはrequired: "required"を付けないようにしましょう

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?