Как переопределить фокус на вкладке или клике пользователя (фокус)

Question

В моей проверке формы, на представить, я проверку формы, и найти незаполненный элемент и фокусировку с помощью этой функции: отлично работает

switch (tagName) { 
    case 'TEXT': 
     if (!actualValue) { 
      $(target).next('.error').css('display', 'block'); 
      that.submitIt = false; 
      target.select(); 
     } else { 
      $(target).next('.error').css('display', 'none'); 
      that.submitIt = true; 
     } 
     break; 
    case "SELECT-ONE": 
     if (actualValue === 'Select') { 
      $(target).next('.error').css('display', 'block'); 
      that.submitIt = false; 
      target.select(); 
     } else { 
      $(target).next('.error').css('display', 'none'); 
      submitIt = true 
     } 
     break; 
    case "RADIO": 
    case "CHECKBOX": 
     if (actualValue && actualValue !== 'undefined') { 
      $(target).siblings('.error').css('display', 'none'); 
      that.submitIt = true; 
     } else { 
      $(target).siblings('.error').css('display', 'block'); 
      that.submitIt = false; 
      target.select(); 
     } 
     break; 
} 

Но проблема в том, что функция не позволяет пользователю двигаться дальше (используя вкладку или вручную переключиться на следующее поле).

Как переопределить фокус на вкладке или ручном перемещении (фокусе) или клавишах со стрелками?

Live Demo

Answer 1

Проблема заключается в target.select() линий. Каждый раз, когда вы проверяете свое поле ввода и проверка не выполняется (например, когда вы пытаетесь покинуть поле), он будет повторно выбирать это же поле.

EDIT: Поскольку вы проверяете на фокусировку, а затем повторно выбираете, я действительно не вижу другого пути, кроме удаления target.select(). Как вы говорите, вы не можете иметь свой торт и есть. Альтернативой является только проверка на отправке.

Плагин проверки JQuery, например, помечает поле как недействительное при изменении и фокусировке, но не будет выбирать его. Вероятно, из-за этой проблемы.