提交前預先驗證表格

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/