JQUERY驗證自動完成

Question

我有一個文本框，當人們開始輸入項目編號時，它會自動完成。這工作正常，但現在我想驗證，如果他們只是鍵入一個數字，而不從列表中選擇一個它驗證它是一份工作。這裏是我自動完成的代碼，文本框的id是projectnum。

$('[name="projectnum"]').autocomplete({ 
     source: "job_validate.php", 
     minLength: 3 

    }); 

Answer 1

您可以使用remote屬性。這將檢查提交表單和文本框的onblur以驗證作業是否有效。

http://docs.jquery.com/Plugins/Validation/Methods/remote

$("#yourForm").validate({ 
    rules: { 
    projectnum: { 
     required: true, 
     remote: "job_validate.php" 
    } 
    } 
}); 

Answer 2

這將不允許只是數字，左，右：

 $("#field_id").keydown(function (event) { 
      if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105)) // 0-9 or numpad 0-9 
      { 
       // check textbox value now and tab over if necessary 
      } 
      else if (event.keyCode != 8 && event.keyCode != 46 && event.keyCode != 37 && event.keyCode != 39) // not esc, del, left or right 
      { 
       event.preventDefault(); 
      } 
      // else the key should be handled normally 
     }); 

如果您正在使用jQuery UI自動完成，你可以使用來自http://snipt.net/GerryEng/jquery-making-textfield-only-accept-numeric-values

Answer 3

採取就像他們在演示頁面上的組合框一樣。它使用自動完成功能，但只能在列表中選擇一個值。

http://jqueryui.com/demos/autocomplete/#combobox

它使用本地的頁面，而不是AJAX調用到服務器的源。