DEV Community

Techsolutionstuff
Techsolutionstuff

Posted on • Originally published at techsolutionstuff.com

How To Remove Spaces Using JQuery

In this post i will explain you how to remove space using jquery, some times we have requirments to remove white space from textbox or many time users added unnecessary space in field which occupied more space in databese so here we will remove white spaces from string using jquery or javascript.

Here i will show you example to remove white space from textbox, in this example i have added one text box to add string and one submit button and you will get output in alertbox and jquery remove all whitespaces from string.

<html lang="en">
<head>
    <title>How to Remove Spaces using jQuery - techsolutionstuff.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 - techsolutionstuff.com</h1>
  <textarea class="content-text">
    This is example   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>
Enter fullscreen mode Exit fullscreen mode

You might also like :

Read Also : How To Check Email Already Exist Or Not In Laravel

Read Also : Laravel 8 Google Recaptcha Example

Top comments (0)