How to Get Number of Characters in a String in Jquery?

By Hardik Savani | March 29, 2020 | Category : jQuery


Now, let's see post of jquery count number of characters in string. we will help you to give example of get number of characters in string jquery. This article goes in detailed on find number of characters in a string jquery.

I will give you three example that will help to get count number of characters in string using jquery. so let's see bellow example.

Example: Count Characters

<!DOCTYPE html>

<html>

<head>

<title>jquery count number of characters in string - itsolutionstuff.com</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

</head>

<body>

<h1>jquery count number of characters in string - itsolutionstuff.com</h1>

<input type="text" name="string" value="This is example" class="input1">

<button class="button1">Click Me!</button>

<script>

$(document).ready(function(){

$('.button1').click(function(){

var countInput = $('.input1').val().length;

console.log(countInput);

});

});

</script>

</body>

</html>

Example: Count Characters without Space

<!DOCTYPE html>

<html>

<head>

<title>jquery count number of characters in string - itsolutionstuff.com</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

</head>

<body>

<h1>jquery count number of characters in string - itsolutionstuff.com</h1>

<input type="text" name="string" value="This is example" class="input2">

<button class="button2">Click Me!</button>

<script>

$(document).ready(function(){

$('.button2').click(function(){

var countInput = $('.input2').val().replace(/ /g,'').length;

console.log(countInput);

});

});

</script>

</body>

</html>

Example: Count Characters from String

<!DOCTYPE html>

<html>

<head>

<title>jquery count number of characters in string - itsolutionstuff.com</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

</head>

<body>

<h1>jquery count number of characters in string - itsolutionstuff.com</h1>

<script>

$(document).ready(function(){

var str = "This is example";

var count = str.length;

console.log(count);

});

</script>

</body>

</html>

I hope it can help you...



Tags : jQuery


Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.

We are Recommending you: