PHPができないなりに、お問い合わせフォームに動きをつけてみた

はじめに

現在ポートフォリオサイトを作っており、そちらに掲載するためのサイトを作成しているのですが、自分はPHPが使えないので、お問い合わせフォームに実際に送信させる機能をつけることができないのですが、それではあまりにも寂しいなと思ったので、入力して送信ボタンを押した後、また、入力して欲しい項目が未入力だった時に、JavaScriptを使って何か反応が起きるようにしてみました。

JavaScriptのコード

$(function(){
  $('#formlink(送信ボタン）').on('click', function(){
    if($('.formcheck（入力してほしい項目）').val() === ''){
      alert('未入力の項目があります！');
      $('.formcheck').focus();
      return false;
    }
    alert('送信完了！');
  });
});

上記のコードにより、お問い合わせフォームで、入力がすべて完了し、
送信した場合は『送信完了です！』
入力してほしい項目が未入力である状態で、送信した場合には『未入力の項目があります！』というアラートがそれぞれ出るようにしてみました。

まとめ

PHPなどが使えないと実際にフォームを送信させることはできません。
しかし、JavaScriptを使用すれば、送信できる状態なのか、送信できない状態なのかを表示させることくらいは、可能であるということがわかりました。
今後は、PHPも勉強し、実際にフォームが送信できるようにしていきたいです。