JavaScript
CSS
jQuery
MySQL
PHP
Laravel
Python
HTML Course Code
CSS Minifier
Gradient Generator
PX ⇄ REM Converter
PX ⇄ EM Converter
WEBP Converter
PDF to Text Converter
Text Converter
Age Calculator
Pincode Details Finder
White Board
Coding Ground
Resume Builder
Sumit Sarkar
25 Oct 2024
jQueryIn this tutorial, we will learn how to count the number of characters in a string using jQuery.
We will use the .length property to find the number of characters in the string, and also find the length of the string with space and without spaces.
Syntax -
string.lengthCharacter count with space
In this example we will count the number of characters with space in a string using jQuery.
<!DOCTYPE html>
<html>
<head>
<title>Count the number of characters in a string with space using jQuery</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<h1>Count the number of characters in a string with space using jQuery</h1>
<input type="text" name="string" value="welcome to teknowize" class="input2">
<button class="clkbutton">Click Me!</button>
<script>
$(document).ready(function(){
$('.clkbutton').click(function(){
var countInput = $('.input2').val().length;
alert(countInput);
});
});
</script>
</body>
</html>Output
Character count without space
In this example we will count the number of character without space in a string using jQuery.
Example
<!DOCTYPE html>
<html>
<head>
<title>Count the number of characters in a string without space using jQuery</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<h1>Count the number of characters in a string without space using jQuery</h1>
<input type="text" name="string" value="welcome to teknowize" class="input2">
<button class="clkbutton">Click Me!</button>
<script>
$(document).ready(function(){
$('.clkbutton').click(function(){
var countInput = $('.input2').val().replace(/ /g,'').length;
alert(countInput);
});
});
</script>
</body>
</html>
Output
Conclusion
jQuery's .length property provides a simple way to count characters in a string with and without spaces.
Leave a comment