當用戶在輸入區域輸入文本時顯示警報

我試圖在用戶在搜索框中輸入文本但不起作用時顯示警報。請指導。當用戶在輸入區域輸入文本時顯示警報

<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

當用戶在輸入區域輸入文本時顯示警報

回答

相關問題