handling submit event - jquery

Question

I have some javascript that I'm trying to retool using jQuery to learn the library better and I am running into what seems to be a very elementary problem.

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);
});
});

Can anybody offer some advice as to why this very simple interaction does not seem to work as it should?

Thanks in advance.

Paolo Bergantino · Accepted Answer · 2009-02-11 16:10:18Z

3

You need to use val() to get the value in jQuery

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

The DOM object is not readily accessible off of $(), it is stored in [0] by jQuery, so if you wanted to access the value the traditional way, you would do:

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

Additionally, I don't think the form would submit right away in your case because of the alert(), but you should return false; to stop the submit if you don't intend on it submitting.

edited Feb 11, 2009 at 16:10

answered Feb 11, 2009 at 16:05

Paolo Bergantino

490k83 gold badges523 silver badges437 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jerome Over a year ago

Thank you, Paolo. I did not know how to access the value within jQuery.

Ionuț Staicu · Accepted Answer · 2009-02-11 16:03:58Z

-1

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

?

answered Feb 11, 2009 at 16:03

Ionuț Staicu

22.3k11 gold badges54 silver badges58 bronze badges

Collectives™ on Stack Overflow

handling submit event - jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related