ベストセラー人気 WordPress テーマTop 30 詳細

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

Last Updated:2020年11月15日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

たとえば、フォーム(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);">


コメントを残す

コメント