Javascript 输入的最小长度(搜索框)

Javascript 输入的最小长度(搜索框),javascript,html,Javascript,Html,我需要添加一个弹出窗口事件到我的搜索系统-当客户只点击2个字符时,它应该弹出一个带有警报e的小表格。G“搜索时必须输入至少3个字符…”并且背景应灰显 这对我来说可能吗?以下是我用于搜索的javascript代码(在表中): /***搜索框***/ //定义表搜索对象,它可以实现函数和属性 window.tableSearch={}; //初始化搜索,设置当前对象 tableSearch.init=函数(){ //在tableSearch对象上定义所需的属性 this.Rows=document.

我需要添加一个弹出窗口事件到我的搜索系统-当客户只点击2个字符时,它应该弹出一个带有警报e的小表格。G“搜索时必须输入至少3个字符…”并且背景应灰显

这对我来说可能吗?以下是我用于搜索的javascript代码(在表中):

/***搜索框***/
//定义表搜索对象,它可以实现函数和属性
window.tableSearch={};
//初始化搜索,设置当前对象
tableSearch.init=函数(){
//在tableSearch对象上定义所需的属性
this.Rows=document.getElementById('data').getElementsByTagName('TR');
this.RowsLength=表搜索.Rows.length;
this.RowsText=[];
//循环遍历表并将数据添加到表搜索对象
对于(变量i=0;i
这是我的html代码(搜索框):




有什么想法吗?Thx

在语句之后的
runSearch
函数中

this.Term=document.getElementById('searchbox').value.toUpperCase()

检查搜索词的长度

if (this.Term.length() < 3){
    alert('You must enter at least 3 characters when searching...');
    return;
}
if(this.Term.length()<3){
警报('搜索…'时必须输入至少3个字符');
返回;
}

仅此而已。

这是一个使用部分代码和一个简单div作为弹出窗口的小示例:

function doSearch(event)
{
    var keycode;
    if (window.event) { keycode = window.event.keyCode; }
    else if (e) { keycode = e.which; }
    else { return false; }

    if (keycode == 13) 
    {
        if (this.searchbox.value.length > 2)
        {
            console.log("Searching...");
        }
        else
        {
            document.getElementById("divPopup").style.display = "block";
        }
    }
    else 
    {
        document.getElementById("divPopup").style.display = "none";
        return false; 
    }
}
分区:


JSFIDLE

你先尝试过什么吗?我尝试过,但我只是一个业余爱好者,但我在这方面学习和适应得很快。很抱歉,它仍然无法正常运行-如果我将其添加到javascript代码中,什么都不会发生-函数停止工作,你能帮忙吗?
if (this.Term.length() < 3){
    alert('You must enter at least 3 characters when searching...');
    return;
}
function doSearch(event)
{
    var keycode;
    if (window.event) { keycode = window.event.keyCode; }
    else if (e) { keycode = e.which; }
    else { return false; }

    if (keycode == 13) 
    {
        if (this.searchbox.value.length > 2)
        {
            console.log("Searching...");
        }
        else
        {
            document.getElementById("divPopup").style.display = "block";
        }
    }
    else 
    {
        document.getElementById("divPopup").style.display = "none";
        return false; 
    }
}
<div id="divPopup">You must enter at least 3 characters when searching...</div>
#divPopup
{
    color: grey;
    font-family: Verdana;
    font-size: 10px;
    border: 1px solid black;
    width: 200px;
    display: none;
}