Блог

Я пытаюсь использовать autonumeric.js кратный для заполнения значения поля, не являющегося DisplayOnly, числовым значением поля DisplayOnly. Я использую класс «autonumeric-currency» для идентификации поля DisplayOnly. У меня гораздо больше html, использующего то же соглашение об именовании (с суффиксом DisplayOnly = полем DisplayOnly, без — это поле, для которого требуется числовое значение).

У меня есть рабочий пример, просто хотел проверить, использую ли я соответствующую технику.

HTML

     <div class="form-group">
        <label asp-for="LoanEstimate.AnnualTaxes" class="control-label"></label>
        <input asp-for="LoanEstimate.AnnualTaxesDisplayOnly" class="form-control autonumeric-currency" />
        <input asp-for="LoanEstimate.AnnualTaxes" class="form-control" type="hidden"/>
        <span asp-validation-for="LoanEstimate.AnnualTaxes" class="text-danger"></span>
    </div>
 

javascript

 $(document).ready(function ($) 

        const anElement = AutoNumeric.multiple('.autonumeric-currency', {
            currencySymbol: "$"
        }); 

        $(".autonumeric-currency").on('keyup', function () {
            //I want to set the value of the id that matches this.id minus the DisplayOnly Suffix using getNumericString()
            var str = this.id
            var getThis = str.substring(0, str.indexOf("DisplayOnly"))
            $("#"   getThis).val(AutoNumeric.getNumericString("#"   this.id));
        });


});