2015-02-11 3 views
-1

Я пытаюсь создать веб-приложение Java. Я написал небольшой кусок кода, но он не работает.Функция jQuery click не работает с 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

ответ

1

Объекты jQuery не имеют свойства .value, то есть свойство элемента DOM. Используйте .val() для JQuery:

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

Или, регулярный DOM элемент:

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

Вы должны использовать .val(), так как вы работаете с объектом JQuery, изменение:

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

To:

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

У вас также есть несогласованность с вашими именами переменных (дело касается переменных JS).

Изменить alert(searchterm); на alert(searchTerm); чтобы соответствовать корпусу.

+0

Я изменил его. Val(). Но ничего не изменилось – Ksc

+0

Ах .. Глупая ошибка. Спасибо. Это сработало – Ksc

Смежные вопросы