Blog

formを囲う場所に気を付けて

8oです。

ブログの投稿は初めてになります。よろしくお願いします。
今回はググっても見つからなかったので備忘録でも残しておきます。

laravelで1つのページにbootstrapのclass=”card”を複数用いたデザインの場合、formタグの囲い方によってはjQuery(javascript)で動的に追加した入力を認識せずに登録してしまう

最初このような感じで作っていたのですが

2つめのclass=”card”で囲んだ部分のinputをいくら増やして登録しても最初からある部分だけしか登録されませんでした。

どうやら一つ目のclass=”card”の中でformを開始しているため一つ目のclass=”card”の中でしか追加したinputは認識しないようです。
最終的に一番外側で囲むことで動的に追加した入力を認識するようになりました。

bootstrap側の問題かjQueryのキャッシュの問題かわからずじまいでしたが
formタグは中途半端な囲い方をせず必要な部分でしっかりとタグの外側で囲うようにしましょう。