Jqery 验证追加输入

Question

我是第一次编程。 我正在尝试创建一个动态表单。 不幸的是，我无法通过验证添加的输入来解决问题。

如果我重复身份验证，它会起作用。 但是当我删除添加的输入时，我无法提交表单。

如果你能帮助我，我将不胜感激。

HTML：

<form action="script.php" method="post" class="contact100-form validate-form was-validated">
<div class="wrap-input102 validate-input bg1" data-validate="ZADEJTE NÁZEV SPOLEČNOSTI" ID="1"> <span class="label-input100">NÁZEV SPOLEČNOSTI:*</span>
    <input class="input100" type="text" name="name" placeholder="Zadejte název společnosti">
</div>
<div class="wrap-input100 validate-input bg1 rs1-wrap-input100" data-validate="ZADEJTE IČ SPOLEČNOSTI" ID="2"> <span class="nic-test label-input100">IČ SPOLEČNOSTI*</span>
    <input class="input100" type="number" name="ICO" placeholder="Zadejte IČ společnosti">
</div>
<div class="wrap-input100 validate-input bg1 rs1-wrap-input100" data-validate="ZADEJTE E-MAIL VE FORMÁTU XXX@YYY.ZZ" ID="6"> <span class="label-input100">KONTAKTNÍ E-MAIL:*</span>
    <input class="input100" type="email" name="emailKO" placeholder="Zadejte e-mail">
</div>
<div class="hovno">
    <div class="wrap-input102 validate-input bg1 content" data-validate="ZADEJTE JMÉNO A PŘÍJMENÍ JEDNATELE" ID="3"> <span class="label-input100">JEDNATEL, KTERÝ BUDE PODEPISOVAT DODATEK:*</span>
        <input class="input100" type="text" name="jednatel1" placeholder="Zadejte jméno a příjmení">
    </div>
    <div class="wrapper parent nic">
        <div class="child rs1-wrap-input100 validate-input bg1 wrap-input100 div1" data-validate="ZADEJTE E-MAIL VE FORMÁTU XXX@YYY.ZZ" ID="12"> <span class="label-input100">E-MAIL PODEPISUJÍCÍHO:*</span>
            <input class="input100" type="email" name="email1" placeholder="E-mail podepisujícího">
        </div>
        <div class="child rs2-wrap-input100 validate-input bg1 wrap-input100 div2" data-validate="ZADEJTE TEL. ČÍSLO PODEPISUJÍCÍ OSOBY" ID="11"> <span class="label-input100">TEL. ČÍSLO PODEPISUJÍCÍHO:*</span>
            <input class="input100" type="number" name="tel1" placeholder="Číslo podepisujícího">
        </div>
    </div>
    <div class="container1">
        <div class="buttony parent2 wrapper">
            <button class="add_form_coment div3">PŘIDAT POZNÁMKU<i class="bi bi-chat-square-text-fill" style="font-size: 16px; top: 5px ;padding-left: 10px; color: #f4bc53;font-family: text-align: right;"></i></button>
            <button class="add_form_field div4">DALŠÍ PODEPISUJÍCÍ<i class="bi bi-person-plus-fill" style="font-size: 18px; top: 5px ;padding-left: 10px; color: #42b8b4;font-family: text-align: right;"></i></button>
        </div>
    </div>
</div>
<button action="submit" value="submit" type="submit" class="odeslat">ODESLAT FORMULÁŘ!<i class="bi bi-pencil-square" style="font-size: 22px; top: 5px ;padding-left: 14px; font-family: text-align: right;"></i></button></form>

杰瑞：

(function($) {
"use strict"



$('.validate-input .input100').each(function() {
    $(this).on('blur', function() {
        if (validate(this) == false) {
            showValidate(this);
        } else {
            $(this).parent().addClass('true-validate');
        }
    });
});


var input = $('.validate-input .input100');

$('.validate-form').on('submit', function() {
    var check = true;

    for (var i = 0; i < input.length; i++) {
        if (validate(input[i]) == false) {
            showValidate(input[i]);
            check = false;
        }
    }

    return check;
});


$('.validate-form .input100').each(function() {
    $(this).focus(function() {
        hideValidate(this);
        $(this).parent().removeClass('true-validate');
    });
});



function validate(input) {
    if ($(input).attr('type') == 'email' || $(input).attr('name') == 'email') {
        if ($(input).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/) == null) {
            return false;
        }
    } else {
        if ($(input).val().trim() == '') {
            return false;
        }
    }


}



function showValidate(input) {
    var thisAlert = $(input).parent();
    var DataValidate = $(thisAlert).attr('data-validate');
    var y = $(thisAlert).attr('ID');

    $(thisAlert).removeClass('errorinfo');
    $(thisAlert).find('.btn-hide-validate').remove();
    $(thisAlert).find('.varn-box').remove();
    $(thisAlert).find('.alert-validate').remove();

    $(thisAlert).addClass('errorinfo');
    $(thisAlert).append('<div class="alert-validate ' + y + '" id="alert-validate"><span class="alert' + y + '">' + DataValidate + '</span></div>')
    $(thisAlert).append('<div class="varn-box ' + y + '"></div><div class="btn-hide-validate ' + y + ' smazat' + y + '"><i class="fas fa-exclamation-triangle" style="font-size:20px; opacity:20%; position: absolute; top:-23px; color:#808080;"></i></div>')
    $(thisAlert).find(".smazat33").remove();
    $(thisAlert).find(".undefined").remove();


    $('.btn-hide-validate .alert-validate .here').each(function() {
        $(this).on('click', function() {
            hideValidate(this);

        });
    });
}

function hideValidate(input) {
    var thisAlert = $(input).parent();
    $(thisAlert).removeClass('errorinfo');
    $(thisAlert).find('.btn-hide-validate').remove();
    $(thisAlert).find('.varn-box').remove();
    $(thisAlert).find('.alert-validate').remove();
}





$(document).ready(function() {
    var max_fields = 3;
    var max_notes = 2;
    var wrapper = $(".container1");
    var add_button = $(".add_form_field");
    var add_button2 = $(".add_form_coment");
    var buttony = $(".buttony");

    var x = 1;
    $(add_button).click(function(e) {
        e.preventDefault();
        if (x < max_fields) {
            x++;
            $(buttony).before('<div class="add' + x + ' wrap-input105 validate-input bg1 content fade-in-top" data-validate="ZADEJTE JMÉNO A PŘÍJMENÍ JEDNATELE" ID="33"><span class="label-input100 add' + x + '">JEDNATEL, KTERÝ BUDE PODEPISOVAT DODATEK:</span><input class="input100 vip add' + x + '" type="text" name="jednatel' + x + '" placeholder="Zadejte jméno a příjmení"></div><div class="flexik-box add' + x + '"><div class="flexik add' + x + '"><button call="href="#" class="fade-in-top delete btn btn-outline-dark btn-sm add' + x + '"><span class="odebrat">ODEBRAT</span></button></div></div><div class="add' + x + ' wrapper parent"><div class="child rs5-wrap-input100 bg1 wrap-input100 validate-input div1 fade-in-top add' + x + '" data-validate="ZADEJTE E-MAIL VE FORMÁTU XXX@YYY.ZZ" ID="4"> <span class="label-input100 add' + x + '">E-MAIL PODEPISUJÍCÍHO:</span><input class="input100 vip add' + x + '" type="email" name="email' + x + '" placeholder="E-mail podepisujícího"></div><div class="add' + x + ' child rs6-wrap-input100 bg1 wrap-input100 validate-input div2 fade-in-top" data-validate="ZADEJTE TEL. ČÍSLO PODEPISUJÍCÍ OSOBY" ID="5"> <span class="label-input100 add' + x + '">TEL. ČÍSLO PODEPISUJÍCÍHO:</span><input class="input100 vip add' + x + '" type="number" name="tel' + x + '" placeholder="Číslo podepisujícího"></div></div></div>');





            $('.validate-input .input100').each(function() {
                $(this).on('blur', function() {
                    if (validate(this) == false) {
                        showValidate(this);
                    } else {
                        $(this).parent().addClass('true-validate');
                    }
                });
            });


            var input = $('.validate-input .input100');

            $('.validate-form').on('submit', function valclick() {
                var check = true;

                for (var i = 0; i < input.length; i++) {
                    if (validate(input[i]) == false) {
                        showValidate(input[i]);
                        check = false;
                    }
                }

                return check;
            });


            $('.validate-form .input100').each(function() {
                $(this).focus(function() {
                    hideValidate(this);
                    $(this).parent().removeClass('true-validate');
                });
            });



            function validate(input) {
                if ($(input).attr('type') == 'email' || $(input).attr('name') == 'email') {
                    if ($(input).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/) == null) {
                        return false;
                    }
                } else {
                    if ($(input).val().trim() == '') {
                        return false;
                    }
                }


            }

        } else {
            alert('Nemůžete přidat více osob.')
        }
    });



    var z = 1;
    $(add_button2).click(function(e) {
        e.preventDefault();
        if (z < max_notes) {
            z++;
            $(buttony).before('<div class="note' + z + ' wrap-input109 validate-input bg1 fade-in-top" data-validate="ZADEJTE POZNÁMKU NEBO JI ODEBERTE" ID="8"><span class="label-input100">POZNÁMKA:</span><textarea class="input100" id="exampleFormControlTextarea1" rows="5" name="note' + z + '"placeholder="Máte nějaký specifický požadavek? Letáčky, ceníky, připomínky, změny modelů financování..."></textarea></div><div class="flexik-box2 note' + z + '"><div class="flexik2 note' + z + '"><button call="href="#" class="fade-in-top deleteZ btn btn-outline-dark btn-sm note' + z + '"><span class="odebrat">ODEBRAT</span></button></div></div>');

        } else {
            alert('Nemůžete přidat další poznámku')
        }
    });


    $(wrapper).on("click", ".delete", function(e) {
        if (x == 0) {
            alert("Nemůžete odstranit více jednatelů");
            return false;
        }

        $(".add" + x).remove();
        x--;

    });


    $(wrapper).on("click", ".deleteZ", function(e) {
        if (z < 1) {
            alert("Nemůžete přidat více poznámek");
            return false;
        }


        $(".note" + z).remove();
        z--;

    });

});});

非常感谢您的帮助！ :)