#はじめに
現在ポートフォリオサイトを作っており、そちらに掲載するためのサイトを作成しているのですが、自分はPHPが使えないので、お問い合わせフォームに実際に送信させる機能をつけることができないのですが、それではあまりにも寂しいなと思ったので、入力して送信ボタンを押した後、また、入力して欲しい項目が未入力だった時に、JavaScriptを使って何か反応が起きるようにしてみました。
#JavaScriptのコード
$(function(){
$('#formlink(送信ボタン)').on('click', function(){
if($('.formcheck(入力してほしい項目)').val() === ''){
alert('未入力の項目があります!');
$('.formcheck').focus();
return false;
}
alert('送信完了!');
});
});
上記のコードにより、お問い合わせフォームで、入力がすべて完了し、
送信した場合は『送信完了です!』
入力してほしい項目が未入力である状態で、送信した場合には『未入力の項目があります!』というアラートがそれぞれ出るようにしてみました。
#まとめ
PHPなどが使えないと実際にフォームを送信させることはできません。
しかし、JavaScriptを使用すれば、送信できる状態なのか、送信できない状態なのかを表示させることくらいは、可能であるということがわかりました。
今後は、PHPも勉強し、実際にフォームが送信できるようにしていきたいです。