javascript表单（html网页）名称字段验证

我已经找了一段时间了，找不到这个

我想要的是在表单的“name”字段上进行验证，如果用户输入“a”，则当他们继续输入更多字母时，将显示以“a”开头的所有名称，以此类推，它将得到更多定义

我只想对“name”字段进行验证，我已经有了200个用户可以输入的最流行的“name”

有关于如何轻松实现这一目标的指南吗

---

谢谢

如果我没弄错的话，您正在寻找Ajax自动完成

我推荐Jquery自动完成：

使用示例： （别忘了包括Jquery UI js文件）

$（函数（）{
var availableNames=[
“亚当”，
“安德烈”，
“亚哈龙”，
“安东尼奥”，
“卡文”
];
$（“#名称”）.autocomplete({
来源：availableNames
});
});
写下你的名字：：

谢谢，是的，这是我想要的。但是我很难理解这些代码。我可以轻松编辑的源代码在哪里？我应该把我的200个名字放在哪里？

<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>