autonumeric.js с использованием getNumericString в нескольких сценариях

Я пытаюсь использовать несколько 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));
        });


});

0 ответов

Другие вопросы по тегам