Как проверить на нажатие клавиши вкладок с помощью jquery

Question

Я хочу проверить свои поля jsp, нажимая кнопку tab.Как реализовать это с помощью jquery.

Ниже моя страница JSP

<form:form method="POST" commandName=" test" name="testname" onclick="submitForm();" > 

<div> 
<form:input path="testpath" type="text" class="values " name="tpath" id="code"/> 
</div> 

<div> 
<form:input path="testname" type="text" class="values " name="tname" id="name"/> 

</div> 

<div> 
<input type="submit" value="Register"> 
</div> 

</form:form> 

JQuery

function submitForm(){ 
    $('form').on('submit', function (e) { 
     alert("test"); 
     var focusSet = false; 
     if (!$('#tpath').val()) { 
      if ($("#tpath").parent().next(".validation").length == 0) // only add if not added 
      { 

       $("#tpath").parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please enter the code</div>"); 
      } 
      e.preventDefault(); 
      $('#tpath').focus(); 
      focusSet = true; 
     } else { 
      $("#tpath").parent().next(".validation").remove(); // remove it 
     } 
     if (!$('#name').val()) { 
      if ($("#name").parent().next(".validation").length == 0) // only add if not added 
      { 
       $("#name").parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please enter seasoname</div>"); 
      } 
      e.preventDefault(); // prevent form from POST to server 
      if (!focusSet) { 
       $("#name").focus(); 
      } 
     } else { 
      $("#name").parent().next(".validation").remove(); 
     } 
    }); 
} 

по нажатию кнопки только моя форма validates.How для проверки, щелкнув внутри формы.

Answer 1

Используйте этот

$('#tpath').keyup(); 

Это вызывает по выпуску ключевых событий.

Answer 2

Capture keycode и написать event для keypress на элементы, как показано ниже:

//Combine keypress for both the elements as below 
$("#tpath,#name").on('keypress',function(e){ 
    if(e.which==9 && !$(this).val()) 
     if ($(this).parent().next(".validation").length == 0) 
     { 
      $(this).parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please enter the code</div>"); 
     } 
     else { 
      $(this).parent().next(".validation").remove(); // remove it 
     } 
     $(this).focus(); 
}); 

Answer 3

$('#tpath').keyup(function(e) { 
    e.keyCode; // this value 
    if(e.keyCode == 9){ 
     //e.keyCode is 9 mean tab is pressed 
     // write your validation code over here. 
    } 
}); 

Я думаю, что этот код может работать для вас