javascript表單名稱字段驗證（html網頁）

Question

我一直在尋找一段時間，無法找到它。

我想要的是對錶單的「名稱」字段進行驗證，如果用戶輸入「a」，所有以「a」開頭的名字將會顯示出來，等等，當他們繼續輸入更多字母，它會得到更多的定義。

我只想對「名稱」字段進行驗證，並且我已經擁有最受歡迎的用戶可以輸入的200個「名稱」。

有關如何輕鬆實現此目的的任何指南？

感謝

Answer 1

如果我得到你的權利，你正在尋找的Ajax自動完成。

我建議jQuery的自動完成：http://jqueryui.com/demos/autocomplete/

使用的樣本： （不要忘了包括jQuery UI的js文件）

<script> 
    $(function() { 
     var availableNames = [ 
      "Adam", 
      "Andrey", 
      "Aharon", 
      "Antonio", 
      "Kavin" 
     ]; 
     $("#names").autocomplete({ 
      source: availableNames 
     }); 
    }); 
    </script> 


<div class="ui-widget"> 
    <label for="names">Write your name:: </label> 
    <input id="names"> 
</div>