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调用到服务器的源。