So entfernen Sie den Leerraum mit jquery

Question

So entfernen Sie den Leerraum in Aktuelle Rechnungsbetrag Screenshot und Code, die in den folgenden Fällen angezeigt werden.

<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> 

Answer 1

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>

Answer 2

// bereits. Ich hoffe, dass es sinnvoll ist ..

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

alert(str); die; 

Answer 3

die JavaScript trim() Methode verwenden. Dieses Verfahren wird weißen Flächen von beiden Seiten der Zeichenfolge entfernen

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>

Hier habe ich zeigen Unterschied der Verwendung trim Verfahren und ohne trim Methode

Answer 4

zu verwenden, können Sie jQuery verwenden trim() die beide entfernen linker und rechter Platz, zuerst Raum mit Eingabewert anzeigen, dann klicken Raum entfernen dann Raum entfernen

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 können Sie diesen Code verwenden, die von der Eingabe

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>