форма отправки даже после возврата false jquery

Question

мой простой код jquery показывает окно с изменениями, но также отправляет форму. почему это происходит? при нажатии клавиши ввода, и если длина меньше 3, тогда она должна показывать ошибку и не должна отправлять форму, но она отправляет форму даже после показа ошибки.

  $('#frmSearch input').keydown(function(e) { 
      if (e.keyCode == 13) { 
       if ($('#frmSearch input').val().length < 3) { 
        alert("SEARCH TEXT TOO SHORT"); 
        return (false); 
       } 
       else 
       { 
        $('#frmSearch').submit(); 
       } 
      } 
     }); 

Answer 1

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

$("#frmSearch").submit(function(e){ 
    if ($('#frmSearch input').val().length < 3) { 
     e.preventDefault(); 
     alert("SEARCH TEXT TOO SHORT"); 
    } 
} 

и вы не обрабатываете событие отправки, но событие keydown, которое не прекращает подавать запрос.

Answer 2

Иногда клавиша Enter может автоматически отправлять форму по умолчанию. Если вы хотите перехватить и предотвратить это поведение, вы можете остановить отправку по умолчанию. Я бы положил e.preventDefault() в ваш код.

Обновлено

$('#frmSearch input').keydown(function(e) { 

    if (e.keyCode == 13) { 
     //Prevents default submit 
     e.preventDefault(); 

     if ($('#frmSearch input').val().length < 3) { 
      alert("SEARCH TEXT TOO SHORT"); 
      return (false); 
     } 
     else 
     { 
      $('#frmSearch').submit(); 
     } 
    } 
}); 

Answer 3

вы можете попробовать так же, использовать не нажатие клавиши использовать KeyDown

(function ($) { 
  $ ('# frmSearch input'). keypress (function (e) { 
             if (e.KeyCode == 13) { 
                 if ($ ('# frmSearch input'). val(). length <3) { 
                     alert ("SEARCH TEXT TOO SHORT"); 
                     return (false); 
                 } 
                 else 
                 { 
                     $ ('# frmSearch') submit().; 
                 } 
             } 
         }); 

}) (jQuery);