Maintain Trailing Zeros in ASP.NET CORE NumericTextBox

21 Aug 20261 minute to read

By default, trailing zeros disappear when the NumericTextBox gets focus. However, you can use the following sample to maintain the trailing zeros while focusing the NumericTextBox.

CSHTML

<ejs-numerictextbox id="numeric" value="10" decimals="2" format="n2" change="numericFocus" created="onCreate"></ejs-numerictextbox>
<script>
    function numericFocus() {
        var numericObj = this.ej2_instances ? this.ej2_instances[0] : this;
        numericObj.element.value = numericObj.formattedValue(numericObj.decimals, +numericObj.element.value);
    }

    function onCreate() {
        document.getElementById('numeric').addEventListener('focus', numericFocus);
    }
</script>

TrailingZeros.cs

public ActionResult nullableInput()
{
    return View();
}