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







Follow us
facebooklogo github instagram twitter

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock or some other adblocking software which is preventing the page from fully loading.

We need money to operate the site, and almost all of it comes from our online advertising.

Please add websolutionstuff to your ad blocking whitelist or disable your adblocking software.

×