jQuery Remove All Spaces From String

jQuery Remove All Spaces From String

Sometimes, you may need to delete all empty spaces from string using jquery javascript. So, this example tutorial will show you an easy way to remove all black space using jquery replace function.

Remove all spaces from string in jQuery; In this tutorial, you will learn how to remove all spaces from string using jQuery.

How To Remove Spaces From String in jQuery

The jQuery replace() method remove all spaces from string.

Here is an example of how to remove all spaces from string in jQuery; as shown below:

<html lang="en">
<head>
    <title>How to remove all spaces from string in JQuery? - Tutsmake.com</title>  
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <style>
        body{
            background: rgb(216, 232, 215);
        }
        .container{
            background: rgb(247, 228, 220);
            margin-top: 14%;
            height: 300px;
            width: 51%;
            border: 3px solid red !important;
        }
        .container h4{
            margin-bottom: 42px;
            font-size: 25px;
        }
    </style>
</head>
<body>
    <div class="container text-center border">
        <h4 class="mt-5 font-weight-bold">How to remove all spaces from string in JQuery? - tutsmake.com</h4> 
        <textarea class="content-text" cols="55" rows="2">
            tutsmake.com have a collection of Example and Demo of IT.
        </textarea>
        <button class="btn btn-primary mx-auto d-block mt-4 ">Remove White Space</button>
    </div>
    <script type="text/javascript">
        $("button").click(function(){
            myText = $(".content-text").val();
            var remove_space = myText.replace(/ /g,'');
            alert(remove_space);
        });
    </script>
</body>
</html>

Note that, when you click on button, the following jquery code will remove all spaces from string:

    <script type="text/javascript">
        $("button").click(function(){
            myText = $(".content-text").val();
            var remove_space = myText.replace(/ /g,'');
            alert(remove_space);
        });
    </script>

In the above example, use jquery replace() function to remove all spaces from string.

Recommended jQuery Tutorials

AuthorAdmin

My name is Devendra Dode. I am a full-stack developer, entrepreneur, and owner of Tutsmake.com. I like writing tutorials and tips that can help other developers. I share tutorials of PHP, Python, Javascript, JQuery, Laravel, Livewire, Codeigniter, Node JS, Express JS, Vue JS, Angular JS, React Js, MySQL, MongoDB, REST APIs, Windows, Xampp, Linux, Ubuntu, Amazon AWS, Composer, SEO, WordPress, SSL and Bootstrap from a starting stage. As well as demo example.

Leave a Reply

Your email address will not be published. Required fields are marked *