by Sai gowtham

Getting the length of a textbox value in JavaScript

In this tutorial, we are going to learn about how to get the length of an entered text in textbox using JavaScript and jQuery.

Consider, we have a (html) input textbox like this:

<input placeholder="name" id="comment"/>

To get the length of an input textbox, first we need to use access it inside the JavaScript by using the document.getElementById() method.

const textbox = document.getElementById("comment");

Now, it has a value.length property which is holding the length of a text you entered in that field.

textbox.value.length;

In jQuery, you can get the length of a textbox like this:

const length = $("#comment").val().length;

Top Udemy Courses

JavaScript - The Complete Guide 2020 (Beginner + Advanced)
JavaScript - The Complete Guide 2020 (Beginner + Advanced)
45,614 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
284,472 students enrolled
40 hours of video content
View Course
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
130,921 students enrolled
21 hours of video content
View Course