Question

我的问题是：当用户按下某个键时，将显示一个div，其中所有用户的名字都以用户输入开头。我必须选择一些东西。问题是当用户输入无效条目而不是从显示的div中选择它时。如何验证它

function getDcode(str)
{
    document.getElementById("codes").style.display = "block";
    if (str.length==0)
    {
      document.getElementById("codes").innerHTML="";
      return;
    }
    xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
      alert ("Your browser does not support XMLHTTP!");
      return;
    }
    var url="<?php print WEB_URL?>load_code/";
    url = url + str;
    xmlhttp.onreadystatechange=stateChanged;
    xmlhttp.open("GET",url,true);
    xmlhttp.send(null);
}

Answer 1

我相信想拥有一个自动完成的文本字段？

如果是，我建议尝试jquery自动完成

http://www.pengoworks.com/workshop/jquery/autocomplete.htm

Answer 2

我没有得到这个......

您确实想要手动输入但允许用户按键吗？

我不确定是否可以实施。

Answer 3

这是一个使用jQuery的解决方案。自定义使用您自己的类/正则表达式

Odell，Den。 “第8章 - 表格控制“.Pro JavaScript RIA 技术：最佳实践，表演和演示。 Apress出版。 ©2009。Books24x7。 http://common.books24x7.com/book/id_31169/book.asp （2009年12月29日访问）

$(document).ready(function() {
    $("form").keypress(function(e) {
        switch(e.target.className) {
            case "numerical":
                if (e.key.match(/[^0-9]/g)) {
                    e.preventDefault();
                }
                break;

            case "email":
                // The following regular expression matches all characters not
                // permitted within an email address
                if (e.key.match(/[^a-zA-Z0-9@!#$%&'*+-\/=?^_{}~.]+/g)) {
                    e.preventDefault();
                }
                break;
        }
    });
});

编辑：修改上述内容以便与jQuery的事件一起正常工作

ajax在单独的div中加载查询

3 个答案: