Jquery Validate on dynamic form

Question

Я использую проверку JQuery (http://jqueryvalidation.org) для подтверждения формы. Мой код:

<div id="form-section"></div> 
<button id="add-form" type="button">Add form</button> 

<script> 
    $(document).ready(function() { 
     $('#add-form').click(function() { 
      $('#form-section').html('<form id="myform"> <input type="email" name="email" placeholder="Email" required> <input type="password" name="password" placeholder="Password" required> <button type="submit">Submit</button> </form>'); 
     }); 

     $('#myform').validate(); 
    }) 
</script> 

Но $('#myform').validate(); не работает. Как я могу проверить динамическую форму? Благодаря!

Answer 1

Элемент #myform не существует в DOM при первом вызове validate(). Вместо этого поместите эту линию в пределах click() обработчика, после того, как form создается:

$('#add-form').click(function() { 
    $('#form-section').html('<form id="myform"> <input type="email" name="email" placeholder="Email" required> <input type="password" name="password" placeholder="Password" required> <button type="submit">Submit</button> </form>'); 
    $('#myform').validate(); 
});