複数のonsubmit関数を適用する(javascript)

Last Updated:2023年07月16日| | コメントを残す

たとえば、フォーム(form)でユーザー名を検証する関数と電子メールの有効性をチェックする関数を別個に作成された場合には、フォームの送信時に2つの検証関数を同時に読み込む場合を考えてみることができます。 このような場合は、複数の方法を使用することができます。

まず、onsubmitに次のように、複数の関数を同時に追加する方法があります。

onsubmit="return !!(validateName() & validateEmail());"

次のようにいくつかの関数を一つの他の関数から呼び出すようにする方法も考えてみることができます。

function validateForm(){
var validation = true;
validation &= validateName();
validation &= validateEmail();
return validation;
}

フォームのマークアップには、次のような形式で validateForm() 関数を追加します。

<form onsubmit="return validateForm()">

もし フォーム 引数を受け取る場合には、

function validateForm(form){
var validation = true;
validation &= validateName(form);
validation &= validateEmail(form);
return validation;
}

そしてform markupは、次のように validateForm() 関数を追加します。

<form onsubmit="return validateForm(this);">

コメントを残す

コメント