SetInterval в Opera вызывает мерцание

Question

Мне нужно сгруппировать всплывающие подсказки об ошибках, отображаемых jQuery Validator. Поэтому я написал простой цикл с setInterval, чтобы проверить, есть ли в одной строке более одного ввода с классом ошибок.

setInterval(function() { 
     $('.xrror').remove(); 
     $('div.row-4:has([name].error)').each(function() { 
     var tmp = $('[name].error', this); 
     if(tmp.length > 1) { 
      $('label.error', this).hide(); 

      tmp.last().parent().append(
       $(document.createElement('label')).addClass('error').addClass('xrror').append(
        $(document.createElement('span')).text('Fields with errors were marked with red color') 
       ) 
      ); 
     } else { 
      $('[name].error', this).parent().find('label.error').show(); 
     } 
     }); 
    }, 50); 

И в Opera это вызывает мигание при открытии. Выберите элемент.

Answer 1

Вместо использования функции setInterval каждые 50 миллисекунд, которая будет потреблять много ресурсов, вы должны привязать свою функцию к событиям, таким как отправка или изменение. Поскольку это похоже на проверку формы, вам не нужно ничего делать, если пользователь не изменит поле.