Question

我正在尝试在用户在搜索框中输入文本时显示警告，但它不起作用。请指导。

<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!");
                });
     });

Answer 1

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

中添加jQuery库

<script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>

立即试用here

Answer 2

这将有效：

$('#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);
}

如果它仍然不存在，这将是第二次尝试。

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

2 个答案: