当用户在输入区输入文本时显示警报

Display alert when the user enters text in input area

本文关键字：显示 文本 输入 用户 输入区      更新时间：2023-09-26

我试图在用户输入文本到搜索框时显示警报，但它不起作用。请指导。

http://jsfiddle.net/zcH54/

<div id="form" style="float:right;" >
    <form method="get" >
    <input type="submit" value="Search" class="btn" >
    <input name="q" type="text" id="search" size="32" maxlength="128" class="txt" >
    </form>
</div>  <!--form ends-->

这是JS，

 $(document).ready(function() { 
                $("#search").keyup(function() {                                                         // function starts when a key is entered in the search bar
                    alert("I am an alert box!");
                });
     });

您的解决方案有效。你必须在jsFiddle

中添加jQuery库
<script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>

可以:

$('#element').bind('keyup', function() { alert('hi') } );

将元素名称更改为您的名称，享受:-)

如果你的jquery文件有问题，你可以在js文件的第一个位置添加这个:

if(!window.jQuery)
{
   var script = document.createElement('script');
   script.type = "text/javascript";
   script.src = "path/to/jQuery";
   document.getElementsByTagName('head')[0].appendChild(script);
}
相关文章：