验证javascript表单的名称字段(html网页)

时间:2012-02-26 17:07:02

标签: javascript

我一直在寻找一段时间而且无法找到它。

我想要的是对表单的“名称”字段进行验证,如果用户输入“a”,将显示所有以“a”开头的名称,等等,当他们继续输入更多的字母时,它将得到更多的定义。

我只想对“名称”字段进行此验证,并且我已经拥有了最受欢迎的200个“名称”,用户可以输入。

如何轻松实现这一目标的任何指南?

感谢

1 个答案:

答案 0 :(得分:1)

如果我找到了你,你正在寻找Ajax自动完成。

我推荐Jquery AutoComplete: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>