javascript - javascriptで複数の関数をチェックする方法

Question

userName()など、Javascriptで記述された関数がたくさんありますpassword()。しかし、フォームに送信すると、1つの関数がありますreturn formValidator();。

関数が他のすべての関数を呼び出して、それらがfalseを返しているかどうかを確認したいと思います。それらがすべてtrueである場合は、trueを返す必要があります。そうでない場合は、falseを返す必要があります。

function userName(){
      var x=document.forms["signupform"]["firstname"].value;
            if(x=="" ||x==null){
           document.getElementById("firstname").style.border="1px solid #F50A0A";
           document.getElementById("firstname").style.boxShadow="2px 2px 5px #F50A0A";
           return false;
      }else {return true;}
}

function password(){
 var z=document.forms["signupform"]["password"].value;
      if(z=="" ||z==null){
            document.getElementById("password").style.border="1px solid #F50A0A";
           document.getElementById("password").style.boxShadow="2px 2px 5px #F50A0A";
            return false;
      }else {return true;}
}

Answer 1

演算子を使用して各関数を呼び出し、各関数&&がに評価されるものを返す必要があることを示すことができますtrue。それらのいずれかがに評価されるものを返す場合、falseステートメント全体は次のように評価されfalseます。

function formValidator() {
    return userName() && password() && somethingElse() && etc();
}

Answer 2

var validators = [userName, password, ...];
function formValidator() {
    return validators.every(function(fn){return fn();});
}

または、AND演算子を使用します。

function formValidator() {
    return userName() && password() && ...;
}

Answer 3

それは次のように単純でなければなりません：

function formValidator()
{
    var username = userName();
    var password = password();

    return username && password; // or just return userName() && password();
}