обработка отправки события - jquery

Question

У меня есть некоторый javascript, который я пытаюсь переоборудовать, используя jQuery, чтобы лучше изучить библиотеку, и я сталкиваюсь с тем, что кажется очень элементарной проблемой.

HTML:

<form id="theForm">
What would you like to do?<br /><br />
<input type="text" id="doThis" /><br /><br />
</form>

ЯШ:

$(document).ready(function() {
$("#theForm").submit(function(){
    var doThis = $("#doThis").value.toLowerCase();      
    alert(doThis);
});
});

Кто-нибудь может дать совет, почему это очень простое взаимодействие не работает должным образом?

Заранее спасибо.

Answer 1

Вам нужно использовать val(), чтобы получить значение в jQuery

$("#doThis").val().toLowerCase();

Объект DOM недоступен из $(), он хранится в [0] с помощью jQuery, поэтому, если вы хотите получить доступ к значению традиционным способом, вы должны сделать:

$("#doThis")[0].value.toLowerCase();

Кроме того, я не думаю, что форма будет отправлена ​​сразу же в вашем случае из-за alert(), но вы должны return false; прекратить отправку, если вы не собираетесь ее отправлять.

Answer 2

$("#theForm").submit(function(){
        var doThis = $("#doThis").value.toLowerCase();          
        alert(doThis);
return false
});