jqueryスクリプトによって作成された複数の入力の電子メールアドレスを検証する

Question

私の目標は、入力中に電子メールをチェックすることです。これは、最初のスクリプトで1つの入力で動作しますが、これをいくつかの入力（.input_email_1、.input_email_2、.input_email_3 ...）で使用できるようにしたいと考えています。これらの新しい入力は2番目のスクリプトで作成されます。 残念ながら、動作しません。すべてのヒント？

スクリプト1

<script type="text/javascript"> 
    $(document).ready(function() { 
     var x_timer; 
     $(".input_email").keyup(function (e){ //key press 
      clearTimeout(x_timer); 
      var user_email = $(this).val(); 
      x_timer = setTimeout(function(){ 
       check_username(user_email); 
      }, 1000); 
     });     

     function check_username(username){ 
      $(".input_email_result").html('<i class="fa fa-spinner" aria-hidden="true"></i>'); 
      $.post('check_email.php', {'username':username}, function(data) { 
       $(".input_email_result").html(data); 
      }); 
     } 
    }); 
</script> 

スクリプト2

Answer 1

<script type="text/javascript"> 
    $(document).ready(function($) { 
     var i=0; 
     $("#add").click(function (e) { 
      i += 1; 
      $("#items").append('<input type="email" class="form-control input_email_' + i + '" name="email[]">'); 
     }); 
     $("body").on("click", ".remove", function (e) { 
      $(this).parent("div").remove(); 
     });  
    }); 
</script> 

直後にそれを使用するために、そのHTMLをkeyUpイベント機能を追加し、HTMLを追加します。

$("#add").click(function (e) { 
    i += 1; 
    $("#items").append('<input type="email" class="form-control input_email_' + i + '" name="email[]">'); 

    $('.input_email_' + i).on("keyup",function() { 

     console.log(i +" item called"); 

     // call your check username function. 
     // you can also add here delay. 
    }); 

}); 

jsfiddle

：あなたのアドオン機能で