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>