javascript - jQuery - すべてのフォーム フィールドが有効な場合にのみグラフィック関数の読み込みを実行する

Question

ユーザー名とパスワードを使用して単純なログインフォームを検証するための次のjavascriptコードがあります-それが違いを生む場合、それはasp.netカスタムバリデーターのクライアント検証です。

    function userValidation(source, arguments) {
        if (arguments.Value != "" && arguments.Value != "User name") {
            if($(source).parents(".loginPanel").find(".errorAsterisk[style*='visible']").length==0) {
                $(source).parents(".loginPanel").css({ "background-color": "" });
            }
            arguments.IsValid = true;
        } else {
            $(source).parents(".loginPanel").css({ "background-color": "#ECC8C8" });
            arguments.IsValid = false;
        }
    }


    function passwordValidation(source, arguments) {
        var passVal = /^((?![<>]).){1,64}$/;
        if (arguments.Value != "" && arguments.Value != "Password" && passVal.test(arguments.Value)) {
            if($(source).parents(".loginPanel").find(".errorAsterisk[style*='visible']").length==0) {
                $(source).parents(".loginPanel").css({ "background-color": "" });
            }
            arguments.IsValid = true;
        } else {
            $(source).parents(".loginPanel").css({ "background-color": "#ECC8C8" });
            arguments.IsValid = false;
        }
    }

また、ユーザーがフォームに正常に入力したときに「読み込み中」メッセージが表示されるようにしたい-これがそのためのコードです...

    $(".loginPanel").on("click", "input[id*='Login']", function() {
        loadingPage2("", "Logging in...");
    });

問題は、ページが有効でない場合でも読み込み機能が実行されることです。

すべてが有効な場合にのみ実行されるように含めることができるアイデアはありますか?

ありがとう