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