создание полей автоформатов подключаемого модуля jQuery по времени загрузки страницы

Question

Я возился с autoNumeric , плагином для jQuery, который форматирует валютные поля.

Я бы хотел подключить плагин, чтобы все поля валюты были отформатированы к тому времени, когда пользователь увидит страницу, например, при загрузке.

В настоящее время я не могу обойтись по умолчанию, когда поля форматируются после размытия, нажатия клавиш или других действий в самих полях.

Я экспериментировал с кодом подключаемого модуля, и, похоже, этому относительному новичку понадобится некоторое время, чтобы решить эту проблему, если она вообще появится.

Кто-нибудь на этом?

Lille

Answer 1

Инициирующее событие 'focusout' форматирует поле. Инициирование «изменения» не работает в самой последней версии (1.7.4).

$('input.money').autoNumeric({aNeg: '-'}).trigger('focusout'); 

Answer 2

autoNumeric выполняет все форматирование после срабатывания события onchange.Так что все, что вам нужно, это программно запустить это событие.Вот так:

$('input.money').autoNumeric({aNeg: '-'}).trigger('change');

Надеюсь, это поможет!

Answer 3

Я сам столкнулся с этой проблемой. Я должен был сделать это более общим, но это сработало для меня:

$('input.auto-numeric').ready(function(){
var format_options = {
    aSign: '$'  
};
$('input.auto-numeric').each(function(){
    $(this).autoNumeric(format_options);
    if($(this).attr('id')){
        $(this).val($.fn.autoNumeric.Format($(this).attr('id'), $(this).val(), format_options));
    }   
});

});

Answer 4

В текущей версии 2.* и далее это делается по умолчанию благодаря опции formatOnPageLoad, установленной на true.

Это так просто;)

Answer 5

Другим способом принудительного форматирования является использование «update», например

$(".input-numeric").autoNumeric('update');

Answer 6

Вот что я в итоге сделал:

$(document).ready(function(){

$('input.auto').autoNumeric();

    $('input.auto').each(function(){
    var element = this
    if(element.value !=""){
        $('#'+element.id).val($.fn.autoNumeric.Format(element.id, element.value));
        }

    }

     );
});

Answer 7

Это должно работать.

jQuery(function($) {
$('input.auto').ready(function(){
    $('input.auto').autoNumeric();
    var inputID = uniqueID; // use the jQuery.get() function to retrieve data
    var formatValue = '1234.00'; // use the jQuery.get() function to retrieve data
    if(jQuery().autoNumeric){
        $('#id').val($.fn.autoNumeric.Format(inputID, formatValue));
    }
    else{
     alert('plugin not available');
    }
  });   
});

Bob