jQuery自動提交輸入，請求改進

Question

剛做了這個輸入 - 提交表單jQuery腳本。在你開始洪水之前「不要這樣做嗎？」 - 是的，如果你有一個實際的提交按鈕，它會。

但我使用<a>標籤樣式作爲按鈕來提交表單。除非javascript被禁用，否則<noscript>將顯示實際的標準外觀提交按鈕。

它應該處理瀏覽器的默認自動完成功能，如果按下向上/向下箭頭鍵，它會在自動完成列表中上下移動，臨時禁用自動提交輸入。

如果您看到任何警告，或有改進的想法，他們會很多apreciated。

這裏的腳本

// Submit form if focus on inputfields and enter is pressed 
// To handle autocomplete, we disable next enter if arrow up/down pressed and autocomplete is not turned off 
$('form input:text, form input:password').keyup(function(e){ 
    var arrowKeys = new Array(38, 40); 
    var key = e.charCode || e.keyCode || 0; 
    if(key == 13){ 
     if($(this).data('entersubmit')) { 
      e.preventDefault(); 
      $(this).closest('form').submit(); 
      return false; 
     } 
     $(this).data('entersubmit', true); 
    } else if($.inArray(key, arrowKeys) > -1) { 
     if($(this).attr('autocomplete') != 'off') { 
      $(this).data('entersubmit', false); 
     } 
    } 
}) 
.blur(function(){ 
    $(this).data('entersubmit', true); 
}) 
.focus(function(){ 
    $(this).data('entersubmit', true); 
}); 

Answer 1

我會縮短下來使用.bind()和對象映射，$.data()，以消除不必要的jQuery對象和event.which，這已經是標準化，並縮短數組語法，就像這樣：

$('form input:text, form input:password').bind({ 
    keyup: function(e){ 
    var arrowKeys = [38, 40]; 
    if(e.which == 13){ 
     if($.data(this, 'entersubmit')) { 
      $(this).closest('form').submit(); 
      return false; 
     } 
     $.data(this, 'entersubmit', true); 
    } else if($.inArray(key, arrowKeys) > -1) { 
     if($(this).attr('autocomplete') != 'off') { 
      $.data(this, 'entersubmit', false); 
     } 
    } 
    }, 
    blur: function() { 
    $.data(this, 'entersubmit', true); 
    }, 
    focus: function(){ 
    $.data(this, 'entersubmit', true); 
    } 
}); 

還要注意你不需要兩個.preventDefault()和return false，重新調整false呼叫.preventDefault()和.stopPropagation()。