how to remove the white space using jquery

Question

How to remove the white space in Actual invoice amount the screen shot and code that are shown at the below cases.

<div class="form-group">
    <label class="col-sm-3 control-label">Actual Invoice Amount</label>
        <div class="col-sm-8">
             <input type="text" name="payment_act_invamt" id="act_invamt" class="form-control act_invamt"  placeholder="Actual Invoice Amount"   required>  
             </div>

What about using input `type="number"`? – A. Wolff Dec 29 '17 at 05:33 — A. Wolff, Dec 29 '17 at 05:33

score 2 · Answer 1 · answered Dec 29 '17 at 06:03

Use the JavaScript trim() method. this method will remove white spaces from both side of string

function InvoiceAmount(){
    var input_value = document.getElementById("act_invamt").value;
    alert(input_value + "\n" + input_value.trim())
    
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
<label class="col-sm-3 control-label">Actual Invoice Amount</label>
<div class="col-sm-8">
<input type="text" name="payment_act_invamt" id="act_invamt" class="form-control act_invamt"  placeholder="Actual Invoice Amount"   required >

<button onclick="InvoiceAmount()">Click Here</button>
</div>

Here I have show difference of using trim method and without using trim method

Yes, this. And since your question is tagged with PHP, maybe [also do this server side](https://stackoverflow.com/questions/2109325/how-to-strip-all-spaces-out-of-a-string-in-php). — jonathanbell, Dec 29 '17 at 06:06

TarangP · Answer 2 · 2017-12-29T06:01:19.273

0

var formvalue = $('input[name="somename"]').val();

formvalue = formvalue.trim();
    
$('input[name="somename"]').val(formvalue);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<form>
  <input type="text" name="somename" value="    9000">
  
</form>

edited Dec 29 '17 at 06:01

answered Dec 29 '17 at 05:27

TarangP

2,711
5
20
41

we can use only form field names not the database value..9000 is the database value – Nishanth Dec 29 '17 at 05:32
See Updated Answer – TarangP Dec 29 '17 at 05:35
9000 is the value only for particular invoice no..if the invoice no changes amount also change..and also dont want alert just it can visible only in text box. – Nishanth Dec 29 '17 at 05:56
alert is only for demonstration. you can use modify it as per your requirment. – TarangP Dec 29 '17 at 05:58
ok ok..but it alert also it doesnt show the values...it shows the blank value – Nishanth Dec 29 '17 at 06:00

Nimesh Patel · Answer 3 · 2017-12-29T06:16:41.177

0

// Try this . i hope it's useful ..

var act_invamt = document.getElementById("act_invamt").value
var str = act_invamt.replace(/\s/g, '');

alert(str); die;

edited Dec 29 '17 at 06:16

answered Dec 29 '17 at 05:37

Nimesh Patel

796
1
7
23

Please check my Update Answer . – Nimesh Patel Dec 29 '17 at 06:17

score 0 · Answer 4 · answered Dec 29 '17 at 06:39

you can use jQuery trim() which remove both left and right space, first show space with input value then when click remove space then remove space

 function removeSpace() {
    var inputvalue = $('input[name="payment_act_invamt"]').val();

    inputvalue = inputvalue.trim();

    $('input[name="payment_act_invamt"]').val(inputvalue);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <input type="text" name="payment_act_invamt" value="    9000">
    <input type="button" onclick="removeSpace()" value="Remove Space" />

</form>

so you can use this code which remove space from input filed

  var inputvalue = $('input[name="payment_act_invamt"]').val();

        inputvalue = inputvalue.trim();

        $('input[name="payment_act_invamt"]').val(inputvalue);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <input type="text" name="payment_act_invamt" value="    9000">

</form>

how to remove the white space using jquery

4 Answers4