アプリであそぼう。こどもも、おとなも。

【JavaScript】項目の内容をチェックしエラーを自動表示するフォーム

前回の記事で紹介した選択した項目をアニメーション等で目立たせるフォームに、エラーチェックを追加したものを紹介します。

こちらがエラーチェックの機能を追加したフォームです。

PHPでこういったエラーを吐き出すのはCMSや動画投稿サイトを作ったときからやっていたのですが、やはりフォームなどでは項目に何かを書いた時点でエラーチェックをして表示してくれる方が、一度送信してから一括でエラーが表示されるよりもずっと使いやすいですね!

今回作ったもののエラーチェックは、上から「英語以外が入力されていたらエラー」、「メールアドレスっぽくなかったらエラー」、「URLっぽくなかったらエラー」、「何も入力されていなかったらエラー」です。ガーっと作ったのであんまり厳重ではありません。

今回のスクリプトをZipファイルでダウンロードするにはこちらからどうぞ。

自由に使用、改修して頂いて結構ですので、ご自由にお使いください。