Javascript 提交前预验证表单

我试图让一些东西显示（或不显示取决于他们选择）。但是，我需要在验证之前这样做。我怎么能这样做？我的代码只有在按下submit按钮后才会执行此操作。但是我需要预先验证它，这样红色从一开始就出现了

（注意：我不想使用硬编码的CSS，因为我需要使用类似的代码来显示和不显示）

编辑：已返工但仍需要帮助

我致力于@Aprillion链接到我的内容。这就是我所需要的（返工），这是一个下拉菜单

最后，表单的一部分（下拉菜单中的#16）只有在满足某些条件时才需要显示（基本上，如果一个人选择了第一个答案，那么他也只能选择第16个问题，这将出现在下拉菜单中。因此，基本上，如果一个人没有选择下拉菜单中包含15个项目（加上第16个）的任何项目，那么他就不能选择#16

这是我正在修改的代码

    <script>
            /*
The id for the thing
    sCat-<?php echo $numProj; ?><?php echo $numC ?>
    */
    window.onload=function(){
        var validate = function(evt){
            // your custom code, e.g.:
            valid = true;
            if ($('.16th').val() !== "sCat-<?php echo $numProj; ?><?php echo $numC ?>") {
                //valid = false;
                $('.16thup').css('display', 'none');
                //$('#a').addClass("invalid");
            } else {
                //$('#a').removeClass("invalid");
                $('.16thup').css('display', 'block');
            }
            //return valid;
        }

        $('#myform').change(validate);
        $('#myform').submit(validate);
        }

    </script>

/*
这东西的身份证
斯卡特-
*/
window.onload=function（）{
var validate=功能（evt）{
//您的自定义代码，例如：
有效=真；
如果（$（'.16'）.val（）！==“sCat-”）{
//有效=错误；
$（'.16thup'）.css（'display'，'none'）；
//$（'a'）.addClass（“无效”）；
}否则{
//$（'a'）.removeClass（“无效”）；
$（'.16thup'）.css（'display'，'block'）；
}
//返回有效；
}
$（'#myform'）。更改（验证）；
$（“#我的表格”）。提交（验证）；
}

您可以将验证绑定到事件以及

---

在加载时运行代码或使用CSS设置代码。有什么问题吗？我还需要将其与display和display none一起使用。我尝试在加载时运行代码，但不起作用。我试图理解编写的内容，但不明白如何使用它：/OP中的验证最初是如何绑定到submit事件的？我使用了表单act离子提交到下一页，同时在该页上使用javascript验证（上面是事件的后期操作）.aah…关于如何处理事件，有很多例子，包括上面的jquery链接…但是要开始，请看一看，将代码放入

validate

函数中，并尝试使其正常工作…如果您有进一步的问题，请更新您的问题…是的，我已经阅读了您提供的链接中的一些内容。我尝试了多重验证很多事情都失败了。我不太明白他们在解释什么。JavaScript不是我的强项。

    <script>
            /*
The id for the thing
    sCat-<?php echo $numProj; ?><?php echo $numC ?>
    */
    window.onload=function(){
        var validate = function(evt){
            // your custom code, e.g.:
            valid = true;
            if ($('.16th').val() !== "sCat-<?php echo $numProj; ?><?php echo $numC ?>") {
                //valid = false;
                $('.16thup').css('display', 'none');
                //$('#a').addClass("invalid");
            } else {
                //$('#a').removeClass("invalid");
                $('.16thup').css('display', 'block');
            }
            //return valid;
        }

        $('#myform').change(validate);
        $('#myform').submit(validate);
        }

    </script>