2016-04-04 6 views
0

Ich bin ein Neuling mit JQuery. Ich habe eine Nummer wie 25000.00, aber ich brauche es wie 25.000.00 und lasse keinen Validierungsfehler im Modellzustand. Ich versuchte mit @ String.Format ("{0: C}", Model.CurrentFaceAmount) aber Validierungsfehler wird es fangen.Verwenden von JQuery in der asp.net-Ansicht zum Anzeigen von Kommas im Währungswert SPAN-Bereich

Ich habe einen Artikel mit JQuery gefunden. Fügen Sie das Skript wie so in der VIEW

<script type="text/javascript"> 
    $.fn.digits = function() { 
     return this.each(function() { 
      $(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); 
     }); 
    } 
</script> 

und fügte ich wie so im Wertebereich

<div class="input-group"> 
    <span class="input-group-addon">$("span.number").digits();</span> 
     @Html.TextBoxFor(m => m.CurrentFaceAmount, new {@class = "form-control", @type = "number", data_inputmask = @Html.InputMaskFor(x => x.CurrentFaceAmount) }) 

</div> 

In dem Artikel heißt es, der folgende

$.fn.digits = function(){ 
    return this.each(function(){ 
     $(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); 
    }) 
} 

Sie dann verwenden können es ist wie folgt:

$("span.numbers").digits(); 

Jede Hilfe wird geschätzt.

Antwort

0

$ ("span.number") sucht nach <span class="number"></span> und es wird nicht in der Mitte des HTML-Codes arbeiten. was Sie tun müssen, ist <script> am Ende des Dokuments hinzuzufügen:

<script> 
$(document).ready(function() { 
    $("input#CurrentFaceAmount").digits(); 
}); 
</script> 

die erste Skriptzeile das Skript nach dem Dokument auszuführen erzählt wird geladen, so dass die HTML-Elemente gefunden werden können. Wenn das Dokument fertig ist, führt es die Funktion aus, die ein Eingabeelement mit der ID "CurrentFaceAmount" findet.

Verwandte Themen