Javascript 搜索字段中的最大字符数

我有搜索字段，它没有典型的提交按钮。看起来是这样的：

HTML:

我需要帮助。谢谢

编辑：

---

输入关键字并按enter键后，页面将重定向到搜索结果页面，但如果输入的关键字没有2个或更多字符，则应防止出现这种情况，因此在搜索字段下方显示红色文本错误消息。如何操作？

您可以在HTML5输入中使用pattern属性，并且只需使用CSS即可验证文本：

.错误{ 显示：无； 字体：斜体中无衬线； 颜色：红色； } 输入[模式]：必需：无效~错误{ 显示：块； } 请至少输入两个字符

---

可以使用Jquery验证插件。这很简单

$document.readyfunction{ $registerForm.validate； }; 搜索

尝试使用.previousElementSibling选择span.nodeName以选择输入。使用输入事件，将div.innerHTML设置为空字符串或关键字应不少于2个字符

var msg=document.getElementByIdmsg； 函数检查长度{ var el=elem.type==text？elem:elem.previouselement同级 ，len=el.value.length<2； msg.innerHTML=len？关键字应不少于2个字符：； $el.oneinput，函数{ 方格长度 } } 味精{ 颜色：红色； } 我做了一个可能接近你想要的

看看你能从中得到什么

不要犹豫，问一些关于它的问题

我最好的解释是：

---

输入和提交按钮上都有一个事件处理程序，用于测试输入的值。根据我从您的问题中假设的条件，将显示成功警报或错误消息。成功警报可以替换为ajax调用或触发表单提交。

为什么要禁用enter键？我还看到您正在使用jQuery，而不是为什么要将它与vanilla js混合使用？避免使用内联事件处理程序。很抱歉，我忘了告诉您这是我最早使用jquery的一次。我不知道我在做什么。我怎么做才对？谢谢。。。IE9和更早的版本似乎没有支持是的，但有多个垫片。此外，HTML5允许任何可以轻松使用放大镜图片的标记。这很好，但在按下enter或search按钮后是否可以显示错误消息？它是否还可以验证当用户没有输入任何内容时，是否会在下面显示错误消息？是，我还更新了验证空输入的代码段。这很好，但在按下enter或search按钮后是否可以显示错误消息？如果用户删除关键字，错误消息是否会再次隐藏？当我删除关键字时，错误消息仍然保留

<div class="input-group">
    <input type="text" class="form-control" name="keyword" id="searchbox" onkeypress="return checkLength()"/>
    <span class="btn btn-primary input-group-addon" onclick="checkLength()"><i class="fa fa-search"></i></span>
</div> 

function checkLength(){
    var textbox = document.getElementById("searchbox");
    if(textbox.value.length <= 10 && textbox.value.length >= 2){
        alert("success");
    } else {
        alert("Keyword should be not less than 2 characters");
        $(document).keypress(function (e) {
            var keyCode = (window.event) ? e.which : e.keyCode;
            if (keyCode && keyCode == 13) {
                e.preventDefault();
                return false;
            }
        });
    }
}