在2个单独的文件中进行多种表单验证

Question

我有2个文件（login.html和register.html），每个文件包含2个表单，且具有不同的ID。我正在尝试通过以下代码（在单独的.js文件中）验证用户以所有4种形式提供的输入。 sanitycheck是用于验证输入字段并返回true或false的函数。此代码仅访问第一个HTML文件及其形式，而不访问第二个文件。有人可以解释为什么以及如何访问第二个文件表单吗？

$(document).ready(function() {

    let form = document.getElementById("rlogin");
    form.onsubmit = function() {
        return (sanitycheck(form));

    };

    let form1 = document.getElementById("clogin");
    form1.onsubmit = function() {
        return (sanitycheck(form1));
    };

    let form2 = document.getElementById("rregister");
    form2.onsubmit = function() {
        return (sanitycheck(form2));

    };

    let form3 = document.getElementById("cregister");
    form3.onsubmit = function() {
        return (sanitycheck(form3));

    };

});

Answer 1

这是代码的已解析版本。

$(document).ready(function() {


    if(document.getElementById("rlogin") != null){
        let form = document.getElementById("rlogin");
        form.onsubmit = function() {
            return (sanitycheck(form));

        };

        let form1 = document.getElementById("clogin");
        form1.onsubmit = function() {
            return (sanitycheck(form1));
        };

    }
    else{
        let form2 = document.getElementById("rregister");
        form2.onsubmit = function() {
            return (sanitycheck(form2));

        };

        let form3 = document.getElementById("cregister");
        form3.onsubmit = function() {
            return (sanitycheck(form3));

        };
    }



});