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

我试图在用户在搜索框中输入文本但不起作用时显示警报。请指导。当用户在输入区域输入文本时显示警报

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

来源

2013-02-28 Fahad Uddin

小提琴的作品（一旦包含jQuery！）http://jsfiddle.net/zcH54/2/ – graphicdivine 2013-02-28 14:47:40

请包括jsfiddle的左侧部分的jquery。 – 2013-02-28 14:47:49

啊，经典的“我没有包含jquery的错误”。发生在我们身上。 – acjay 2013-02-28 14:50:35

你的解决方案是作品。你必须在添加的jsfiddle jQuery库现在

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

尝试here

来源

2013-02-28 14:50:54 Guern

-1

这将工作：

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

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

来源

2013-02-28 14:51:47 redflag237

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

回答

相关问题