Проверка формы jquery не работает на динамически добавленных входных данных формы

Question

Я пытаюсь проверить форму, часть которой содержит динамически добавленные поля ввода, но динамически добавленные поля по какой-то причине не проверяются, вот код, который я использую для добавления поля в форму,

Javascript:

//instantiate form validation
$("#form").validationEngine('attach');

$("#add_friend").live('click', function(){
    var count = $(".friend").size();
    if(count == 4){
        alert("only 4 friends allowed");
    }else{
        //append a friend field to the friend container
        $("[data-custom='refer_container']").append("<div class='friend'>"
            +"<label for='friend_"+count+"'>friend: </label>"
            +"<input type='text' data-custom='name' class='validate[required] text-input' id='friend_name_"+count+"' name='friend_name_"+count+"' />"
            +"<input type='text' data-custom='email' class='validate[required] text-input' id='friend_email_"+count+"' name='friend_email_"+count+"' />"
            +"<div class='delete'></div>"
        +"</div><br />");
    }
    $("#form").validationEngine('attach');
});

Я использую этот плагин для проверки формы, спасибо заранее!

Answer 1

Похоже, вы должны сначала отсоединиться.В противном случае ваши новые входные данные не будут включены для оценки.Может проверить их API на динамические добавления (что было бы лучше, чем уничтожение и реконструкция объекта проверки)