How to validate new elements in jquery validation?

Question

JavaScript

Understanding the jqueryvalidation.org validator

$(document).ready(function() {
  jQuery.validator.setDefaults({
  		errorElement: 'em',
    errorClass: 'invalid',
    validClass: 'success',
  });	
    
$("#add").validate({
    rules:{
      title:{
        required: true,
        minlength: 5,
        maxlength: 80
      }
    },
    messages:{
      title:{
          required: "Это поле обязательно для заполнения",
          minlength: "Минимум {0} символов",
          maxlength: "Максимум {0} символов",
      },
    },
  });
  $(".select_req").rules( "add", {
    required: true,
  });

});

An element with the select_req class is validated normally, but elements with this class but added after page generation are not validated. Tried running the validator after the line

$('.submit').on('click', function(){
    $("#add_recept").validate({

But nothing happened...

Answer 1

When you add rules for the first time $(".select_req").rules, the validator only adds to those that are currently on the page, you need to repeat this again when you add them to the page.