проверка на стороне клиента на динамических элементах

Question

У меня есть форма, в которой пользователь может нажать кнопку, чтобы добавить другой набор входных данных. Поэтому я использую eName [], например. Я надеялся использовать jquery для этого, и подумал, что live () будет отличным способом перебрать все элементы, созданные пользователем, чтобы увидеть, если они пустые, но я не уверен, что смогу сделать это без привязки к событию , Поэтому я думаю что-то вроде:

$(form).submit(funciton()({
  //other validation here
  $(".eName").live(bindToWhat?, function() {
    //loop and check val();
  });
});

А может, это неправильный подход.

Надеюсь, этого достаточно, если не знаю. Спасибо !!

Answer 1

Не привязывайте к входам, сделайте это вместо:

$(form).submit(funciton()({
  $(".eName").each(function() {
    if ($(this).val() === ''){
      alert('This field can not be empty');
      $(this).focus();
    }
  });
});

Где eName - это класс, присвоенный полям.