JavaScriptでフォームの入力チェックをする方法

ここでは、フォームの必須項目欄が入力されているかどうかをチェックする方法について説明します。フォームに必須項目が入力されていればフォームを送信し、入力されていなければアラートを表示し送信を取りやめます。

サンプルプログラム

HTML

JavaScript

このプログラムでは、必須項目欄のvalue属性が空文字かどうかを判定することで必須項目欄のチェックを行っています。それぞれの必須項目欄のvalue属性は、

のようにタグのname属性を使って取得しています。

必須項目が入力されていない場合はfalseを返し、アラートで警告します。

返り値に応じてサブミットするか否かを制御するには、onclick=""で呼び出す関数の前に「return」を記述します。返り値がtrueならサブミットし、falseならサブミットしません。


Welcome to UX MILK

UX MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。

このサイトについて

イベント

購読

平日・毎朝更新中