在提交前预先验证表单

Question

我试图做一些显示(或不显示取决于他们的选择)。但是，我需要在验证之前做到这一点。我怎么能这么做？只有在按下submit按钮后，我的代码才会这样做。但我需要预先验证它，这样红色的颜色就会出现在get上。

(注意:我不想使用硬编码的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

您可以将验证绑定到变化事件以及提交。

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