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.

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

Last updated at Posted at 2020-03-11

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

#JavaScriptのコード

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

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

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

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?