Html 引导警告消息输入数据

我要问一个非常简单的问题，也许是个愚蠢的问题

我试图在引导警告消息中显示输入值

所以如果我输入像“苹果”这样的东西

在警告信息中应该显示“苹果不存在！！”

那么，如何将输入类型

“inputSearch”

放在消息的开头

<input  type="text" id= "inputSearch" name="inputSearch">

<div class="alert alert-warning">
   // how can i put the input type "inputSearch" here
   <strong> does not exist !!</strong>
</div>

//如何将输入类型“inputSearch”放在此处
不存在

因此，如何在警告消息中显示输入数据“inputSearch”

请尝试以下操作：

HTML:

试试这个：

HTML:

---

下面是一个非jquery示例：

var input=document.getElementById（'inputSearch'）；
if（input.addEventListener）{
input.addEventListener（'input'，handleSearch，false）；
}else if（input.attachEvent）{
input.attachEvent（'input'，handleSearch）；//旧的IE支持
}
功能手柄搜索（evt）{
var input=document.getElementById（'inputSearch'）；
var span=document.getElementById（'textSpan'）；
span.textContent=input.value；
}

不存在

以下是一个非jquery示例：

var input=document.getElementById（'inputSearch'）；
if（input.addEventListener）{
input.addEventListener（'input'，handleSearch，false）；
}else if（input.attachEvent）{
input.attachEvent（'input'，handleSearch）；//旧的IE支持
}
功能手柄搜索（evt）{
var input=document.getElementById（'inputSearch'）；
var span=document.getElementById（'textSpan'）；
span.textContent=input.value；
}

不存在

@Shivi谢谢你的回答，但这不是动态的，我想要的是如果它真的不存在，那么它返回输入数据并说“输入数据不存在”，而不是在我输入时anything@Shivi谢谢你的回答，但这不是动态的，我想要的是，如果它真的不存在，那么它返回输入数据并说“输入数据不存在”，而不是在我输入任何东西时

<input  type="text" id= "inputSearch" name="inputSearch">

<div class="alert alert-warning">
    <span id="textspan"></span><strong> does not exist !!</strong>
</div>

jQuery('#inputSearch').on('input', function() {
    $('#textspan').html($('#inputSearch').val());
});