JS : auto-numericでカンマ付き数字を実現したい

Question

ruby on rails 5.0.0.1で開発、 jQuery pluginのauto-numericを利用して、数字を入力すると同時にカンマが表示される仕様にしたいと考えています。

実現したいことはこちらのデモ参照

以下の通り記載していますが、全くjQueryが反応せず、誤りをご指摘頂けますと幸甚です。

$(document).on('turbolinks:load', function(){
  $(document).trigger('refresh_autonumeric');
});

<div class="form-group row">
  <div class = "col-12 text-left">
    <label class="required" for="lesson_price">価格（¥）</label><span class="text-muted"><small> *最大100,000円</small></span>
  </div>
  <div class="col-12">
    <input data-autonumeric="true" class="form-control" id="lesson-price-field" placeholder="例：3000" min="0" max="100000" type="number" name="lesson[price]" />
  </div>
</div>

###application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require autonumeric
//= require tether
//= require bootstrap-sprockets
//= require jquery-ui
//= require jquery-ui/datepicker-ja
//= require jquery-ui/autocomplete
//= require tag-it
//= require dropzone
//= require_tree .

## gem fileにも記載、bundle installしています
gem 'autonumeric-rails'

参考サイト
autonumeric-rails
webサイト解説

Answer 1

JavaScriptを下記に修正すると動くと思います。

$(function() {
    $('.form-group').autoNumeric('init');
});

Comments

[innjera]

返信遅くなり失礼しました、ありがとうございます！