обработка отправить событие - 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 
}); 

?