HDTuto.com

JQuery Count Number of Characters in String Example



Today our leading topic is count number of characters in string jquery. i would like to share with you get count of character in string jquery example. We will look at example of jquery count number of characters in string. i would like to show you get number of characters in string jquery. follow bellow step for 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...




April 25, 2020 | Category : JQuery



Blog Search


Copyright © 2020 HDTuto.com. All rights reserved.