如何防止輸入鍵提交表單，但仍然允許輸入工作？

Question

我正在使用XOXCO標記輸入。

這裏是一個演示http://xoxco.com/projects/code/tagsinput/example.html

因此，爲了完成一個標籤，我有敲回車，但是當我按下回車鍵將其提交我的形式。

我可以使用此代碼禁用整個表單的輸入，但是我無法完成標記。

$("#form").keypress(function(e) { 
    //Enter key 
    if (e.which == 13) { 
    return false; 
    } 
}); 

所以我仍然需要進入工作，但我也需要它不提交表單，我不知道如何做到這一點。

Answer 1

好吧，我解決了這個問題的情況下，任何人都運行到這裏這個問題就是我沒有。

$('form input').keydown(function (e) { 
     if (e.keyCode == 13) { 
      var inputs = $(this).parents("form").eq(0).find(":input"); 
      if (inputs[inputs.index(this) + 1] != null) {      
       inputs[inputs.index(this) + 1].focus(); 
      } 
      e.preventDefault(); 
      return false; 
     } 
    }); 

Answer 2

您需要防止輸入印刷機的默認行爲，即提交表單。例如...

$('#form').keypress(function(e){ 
    e.preventDefault(); // prevent form submission 
    // do stuff with the keypress 
    $('#form').submit(); // now, submit the form 
}); 

Answer 3

，想到的第一件事是：

$('form').on('keypress keydown keyup', function(e) { 
    if (e.which == 13) { 
     //alert(e.which); 
     e.preventDefault(); 
     return false; 
    } 
}); 

https://jsfiddle.net/Lhujkub7/