how to get form field value in JQuery

JQuery Form Value Example

Simple JQuery example to get the HTML form field value using JQuery. HTML contains various element like text field, text area, radio button, check boxes etc. You can easily get the value of form field using JQuery.

jquery example

This tutorial explain you how to get the text field and text area value using JQuery.

To get value of HTMLinput field.



To get value of HTML Text area field.



JQuery example

<!DOCTYPE html>



<script src=""></script>




alert("Text field value- " + $("#test").val());

alert("Text area value- " + $("#test1").val());






Name: <input type="text" id="test" value="umar farooque">

<textarea id="test1">



<button>Get form field values</button>



To learn more about JQuery example and see a lot of live example visit: JQuery Example

Do not forgot to like share and comment


The following two tabs change content below.
Umar Farooque Khan is Software developer and professional blogger serving Worldwide on freelancer and ODesk platform to show the capability of his skills. He is the founder of The main purpose of this site is sharing and exchanging of Knowledge related to the recent technologies.