Jquery: Getting input value of a form

Question

I have the following code:

  <form action="" method="get" onsubmit="doRequest($('word').value); $('word').value=''; return false;">
    <input type="text" name="word" id="word" value="" />
    <input type="submit" name="submit" value="Send" />
  </form>

doRequest() function:

function doRequest(request)
{
$.ajax(url, {
type: 'get',
data: { 'msg' : request }
});
}

The problem is, if I change the word value manually like value="111", I can see the value is being posted to PHP. However, when I want it to post whatever I write into textarea, it posts nothing, so the problem lies in the onSubmit area.

Can anybody help me about this?

Sparky · Accepted Answer · 2012-02-13 00:21:07Z

1

You are missing the # in your jQuery selectors.

onsubmit="doRequest($('#word').value); $('#word').value=''; return false;"

I would also remove the inline JavaScript and replace it with a function in the submit handler instead. Also using jQuery .val() instead of .value.

$(document).ready(function() {
    $('form').submit(function() {
         doRequest($('#word').val());
         $('#word').val('');
         return false;
    });
});

edited Feb 13, 2012 at 0:21

answered Feb 13, 2012 at 0:10

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

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

6 Comments

Aristona Over a year ago

I can't enter the link on submit handler, guess the server is down. I can move this to a function, but how can I execute the function then? Under document ready function?

Sparky Over a year ago

@Craig, I initially assumed the OP had a working function with bad selectors. I updated it => it's .val(), not .value

Sparky Over a year ago

@AnılÜnal, yes, it would simply be inside your document.ready function.

Craig Over a year ago

@Sparky672 fair enough...done the same answering a question before to, cheers.

Aristona Over a year ago

It works perfectly, thank you. Do "$('form').submit(function()" is necessary under document ready function?

|

Matti Virkkunen · Accepted Answer · 2012-02-13 00:10:49Z

1

The correct way to access the value via jQuery is val() - not by setting a property.

$(...).val("set the value");
var get_the_value = $(...).val();

Also, your current selectors are looking for <word> elements which you hopefully don't have. Use #word as the selectors to search by ID.

answered Feb 13, 2012 at 0:10

Matti Virkkunen

65.4k9 gold badges138 silver badges162 bronze badges

Collectives™ on Stack Overflow

Jquery: Getting input value of a form

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related