フォーム周辺(jQuery実装)の完成~Googleフォームとの紐づけ有

いろいろ不具合などもありましたが、なんとか一通りフォーム周辺(JQuery)を完成させることができました。

具体的にフォーム周辺で実装したjQueryの実装機能としては、

・フォームのバリデーションチェック(未入力項目へアラート表示)

・フォームの未入力項目へのスムーススクロール

・項目が全て埋まっていないと送信できないようにする

・Googleフォームとの紐づけ

です。

参考にした記事は、しょーごさんのブログ記事です↓

結果的に、disabledは使わずに実装しました。使った方が良いと思ったのですが、他の実装機能との連携がうまく出来ず、ボタンにはdisabledは使わずに、全て項目を埋めないと送信しない、というような命令文を書くことにしました。

これが正解かは分かりませんが、とりあえず正常に動いているので、問題がなければフォーム部分については、この状態でしょーごさんへレビュー依頼をしようと思います。

まだ、セルフチェックやレスポンシブもこれからなので、急ぎたいです。

この記事を書いた人