Get values after submit in jQuery

Question

I have a form with just one field "search" and a submit button. My jQuery code looks like this:

$( "form.qsearch" ).submit(function() {
 alert(inputsearchfield);
})

All I am trying to do is simply alert out the value in the search box. I have searched and search online and can't find anything for this simple code.

Solution 1

Try this on form submit:

alert($('#search').val());

where 'search' is id of the search input field.

Hope this might help!!

Solution 2

Assign your input with id="searched" // Any id you want..

then simply call

$('form').submit(function(){
    alert( $('#searched').val() );
});

Solution 3

It is very simple. You may get the value of the input filed like this:

var inputField = $('input[name]').val()
and just alert this.

alert(inputField);

Here you go.

Comments

[user982853]

This simply returns the word "search" i need to return the value in the search box. Thank you.

[Manoz]

@user982853, Just place the value of searchbox inside alert. jsfiddle.net/vm8joatL