Question

我正在为文本字段使用数字格式（wNumb）。它由范围滑块（noUislider）更新，并且工作正常。

我遇到的问题是当我提交表单时，保存的值除以1000 （可能是由于千位分隔符）。

提交时如何摆脱wNumb格式？

...
<%= f.text_field :salary, id: "how-much" %>

 <div id="slider-format"></div>

  <div class="field">
    <%= f.label :comment %><br>
    <%= f.text_area :comment %>
  </div>
  <div class="actions">
   <%= f.submit %>
 </div>

然后是下面的脚本：

<script>
var sliderFormat = document.getElementById('slider-format');

noUiSlider.create(sliderFormat, {
    start: [ 200000 ],
    step: 1000,
  connect: 'upper',
    range: {
        'min': [ 10000 ],
        'max': [ 250000 ],
    },
  format: wNumb({
        decimals: 0,
        thousand: '.',
        postfix: ' (US $)',
    })
});

var inputValue = document.getElementById('how-much');

sliderFormat.noUiSlider.on('update', function( values, handle ) {
    inputValue.value = values[handle];
});

inputValue.addEventListener('change', function(){
    sliderFormat.noUiSlider.set(this.value);
});
</script>

http://refreshless.com/wnumb/上的说明如下......如果这是我应该使用的，我不明白如何使用它。

Usage
var moneyFormat = wNumb({
    mark: '.',
    thousand: ',',
    prefix: '$ ',
    postfix: ' p.p.'
});

// Format a number:
moneyFormat.to( 301980.62 );
=> '$ 301,980.62 p.p.'

// Get a number back:
moneyFormat.from( '$ 301,980.62 p.p.' );
    => 301980.62

Answer 1

我猜，千元财产的问题，你在给。而不是，

Answer 2

在保存输入值时，您只需要为输入标记的某些属性添加数字。

sliderFormat.noUiSlider.on('update', function( values, handle ) {
  inputValue.value = values[handle];
  $(inputValue).attr("actual", parseFloat(values[handle]).toString().replace('.',''));
});

然后您可以在提交表单时用attr actual替换值。

$("form").on("submit",function() {
  $("#how-much").val($("#how-much").attr("actual"));
});

我希望这可以按照您的要求运作。

使用Javascript数字格式

2 个答案: