处理提交事件 - jquery

Question

我有一些javascript，我正在尝试使用jQuery重新学习更好地学习库，我遇到了一个看似非常基本的问题。

HTML：

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

JS：

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

任何人都可以提供一些建议，说明为什么这种非常简单的交互似乎不能正常工作？

提前致谢。

Answer 1

您需要使用val()来获取jQuery中的值

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

$()不能轻易访问DOM对象，它由jQuery存储在[0]中，因此如果您想以传统方式访问该值，您可以这样做：

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

此外，由于alert()，我认为表单不会立即提交，但如果您不打算提交，则应return false;停止提交。

Answer 2

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