提交前预先验证表格

Question

我正在尝试使某些东西显示（或根据他们选择的内容而不显示）。 但是，我需要在验证之前进行此操作。 我该怎么办？ 我的代码只有在按下提交按钮之后才这样做。 但是我需要对其进行预验证，以便从一开始就显示红色。

（注意：我不想使用硬编码的CSS，因为我需要使用类似的代码进行显示，并且不显示）。

if($('#amortization_years').val() == '' || $('#amortization_years').val() == 0 || $('#amortization_years').val() >= 36 || $('#amortization_months').val() >= 12 || ($('#amortization_years').val() == 35  && $('#amortization_months').val() > 0))

{
    $('#amortization_years').css('border', 'solid red 2px');
    $('#error_years').fadeIn(3000);
    $('#amortization_months').css('border', 'solid red 2px');
    $('#error_months').fadeIn(3000);
    valid = false;}
    else {($('#error_years').fadeOut(3000) && $('#error_month').fadeOut(3000));
}

编辑：重做，但仍需要帮助

我致力于@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>

Answer 1

您可以将验证绑定到change事件，也可以提交 。

http://api.jquery.com/change/