Проблема проверки jQuery на вкладке

Question

У меня есть страница с 4 вкладками jQuery, содержащими другую форму на каждой вкладке. Каждая форма должна брать числа, не может быть> 100.

Я написал этот JQuery код для проверки формы, чтобы убедиться, что введенное число < 100:

$(document).ready(function(){ 
    var preventSubmit = 0; 
    $('#targetForm').submit(function(){ 
     $(':input', '#targetForm').each(function(){ 
      if(this.value > 100){ 
       $('#message').fadeIn(); 
       $('#message').fadeOut(4000); 
       prevent = 1; 

      }//END IF 

     }); 
     if(preventSubmit == 1){ 
      preventSubmit = 0; 
      return false; 
     }//END IF 
    }); 
}); 

Он отлично работает, но только с формой на первой вкладке. Если я нажму на вторую вкладку и отправлю недействительные данные (более 100), она не будет проверяться.

Любые идеи?

Спасибо

Answer 1

После нажатия кнопки на каждой вкладке и ваш запрос AJAX закончит изменение формы, обязательно повторно прикрепить ваш .submit() обработчик формы по телефону:

$('#targetForm').submit(function() { 
    $(':input', '#targetForm').each(function() { 
    if (this.value > 100) { 
     $('#message').fadeIn(); 
     $('#message').fadeOut(4000); 
     prevent = 1; 
    } 
    }); 

    if (preventSubmit == 1) { 
    preventSubmit = 0; 
    return false; 
    } 
}); 

Предполагая, что это является глобальным Javascript, он только когда-либо запускается после, когда страница изначально загружается. Он не запускается снова, когда запросы AJAX отправляются и изменяют форму на той же странице. Таким образом, вам нужно снова вызвать эту функцию после того, как ваш запрос AJAX вернется, чтобы убедиться, что он присутствует в новой модифицированной форме.