How To Remove Spaces Using JQuery

Websolutionstuff | Aug-10-2020 | Categories : Laravel PHP jQuery

In this article, we will explain to you how to remove extra space using jquery. many times we have requirements to remove white space from the textbox or many times users added unnecessary space in fields which occupied more space in the database.

I am giving you a very simple example to remove white space from the textbox. in this example, I have added one text box to add a string and one submit button and you will get output in an alert box.

So, let's see remove blank space from string jquery or javascript remove all whitespaces from a string.

<html lang="en">
<head>
    <title>How to remove spaces using JQuery - websolutionstuff.com</title>  
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>

<div>
  <h1>How to remove spaces using JQuery - websolutionstuff.com</h1>
  <textarea class="content-text">
  	This is demo how to remove space using jquery.
  </textarea>
  <button>Remove Space</button>
</div>


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


</body>
</html>

 


You might also like:

Recommended Post
Featured Post
Laravel 8 Toastr Notifications Example
Laravel 8 Toastr Notifications...

Today, I will show you Laravel 8 Toastr Notifications Example. There are many types of notifications availa...

Read More

Oct-19-2020

Laravel 8 Highcharts Example Tutorial
Laravel 8 Highcharts Example T...

Hello guys, In this tutorial we will see laravel 8 highcharts example tutorial. you will learn how to imple...

Read More

Jul-02-2021

Laravel 8 CRUD Operation Example
Laravel 8 CRUD Operation Examp...

In this article, we will see the laravel 8 crud operation. As you know Laravel 8 has already been officially released an...

Read More

Sep-16-2020

Laravel 11 Livewire 3 wire:click - Handle Click Event
Laravel 11 Livewire 3 wire:cli...

In this tutorial, I’ll show you how to handle a click event in Laravel 11 Livewire 3 with a simple and clear examp...

Read More

Mar-18-2025