2015-02-11 155 views
-1

我正在嘗試創建一個Java Web應用程序。我寫了一小段代碼,但它不起作用。jQuery點擊功能不能使用jsp

這裏是我的JSP代碼

<%@ page language="java" 
contentType="text/html; charset=ISO-8859-1" 
pageEncoding="ISO-8859-1"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <title>Enter Search Item</title> 

    <script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script> 
    <script src="js/app-ajax.js" type="text/javascript"></script> 
</head> 

<body> 
    Search Item: <input type="text" name = "search" id= "search"><br> 
    <input type="submit" value="Search" id ="button"> 
</body> 

Javascript代碼:

$(document).ready(function() { 
    $("#button").click(function() { 

     var searchTerm = $("#search").val(); 
     alert(searchterm); 

     if(searchTerm == "") 
      alert("Enter a valid search term"); 

    }); 
}); 

當我點擊按鈕,這不是給我一個警告。誰能告訴我這裏有什麼問題

+0

請檢查是否有錯誤。這肯定會告訴你發生了什麼事。 – PeterKA 2015-02-11 21:21:21

回答

1

jQuery對象沒有.value屬性,這是一個DOM元素屬性。使用.val() jQuery的:

$("#search").val(); 

或者,普通的DOM元素:

$("#search")[0].value; 
2

,因爲你有一個jQuery對象的工作,您應該使用.val(),變化:

var searchTerm = $("#search").value; 

要:

var searchTerm = $("#search").val(); 

你也與你的變量名稱不一致(JS變量的情況很重要)。

alert(searchterm);更改爲alert(searchTerm);以符合案例。

+0

我改成了。 VAL()。但沒有任何變化 – Ksc 2015-02-11 21:20:06

+0

啊..愚蠢的錯誤。 謝謝。有效 – Ksc 2015-02-11 21:23:46