jQuery Remove All Space From String

Remove all/multiple spaces from string in jQuery; Through this tutorial, i am going to show you how to remove all spaces from string using jQuery.

How To All Remove Space From String in jQuery

Use the jquery replace() function with parameters for remove all spaces or whihte space from string in jQuery:

See the following example for how to remove all spaces from a string in jquery:

<html lang="en">
<head>
    <title>How to remove all spaces from string in JQuery? - laratutorials.com</title>  
    <script src="http://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? - NiceSnippets.com</h4> 
        <textarea class="content-text" cols="55" rows="2">
            NiceSnippets.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>

Recommended jQuery Tutorials

Leave a Comment