JavaScript を使用すると、HTML フォームの入力データをサーバーに送信する前に検証できます。
JavaScript によって検証される一般的なフォーム データは次のとおりです:
ユーザーはフォームの必須フィールドに入力しましたか?
ユーザーが入力した電子メール アドレスは合法ですか?
ユーザーは有効な日付を入力しましたか?
ユーザーは数値フィールドにテキストを入力しましたか?
必須項目
次の関数は、ユーザーがフォームに必須項目を入力したかどうかを確認するために使用されます。必須フィールドまたは必須フィールドが空の場合、警告ボックスがポップアップ表示され、関数の戻り値は false になります。それ以外の場合、関数の戻り値は true (データに問題がないことを意味します) になります。
function validate_required(field,alerttxt) { with (field) { if (value==null||value=="") {alert(alerttxt);return false} else {return true} } }
電子メール検証 (電子メールアドレスの検証)
次の関数は、入力されたデータが電子メールアドレスの基本構文に準拠しているかどうかをチェックします。
入力データには @ 記号とピリオド (.) が含まれている必要があることを意味します。同時に、@ を電子メール アドレスの最初の文字にすることはできず、@ の後に少なくとも 1 つのピリオドが必要です:
function validate_email(field,alerttxt) { with (field) { apos=value.indexOf("@") dotpos=value.lastIndexOf(".") if (apos<1||dotpos-apos<2) {alert(alerttxt);return false} else {return true} } }
例:
上記は次のとおりです。この章の内容全体、およびその他の関連チュートリアルについては、JavaScript ビデオ チュートリアル をご覧ください。