使用Inputmask输入货币的文本占位符

时间:2018-02-26 00:07:11

标签: jquery-inputmask input-mask

我希望使用输入掩码为货币输入字段设置文本占位符。

当输入值为空时,我想显示“其他”,但是一旦用户开始输入,它应该将输入掩盖为美元。

$(function() {
  $('#otheramount').inputmask({
    alias: 'currency',
    digits: 2,
    rightAlign: 0
  })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/RobinHerbots/Inputmask@3.3/dist/jquery.inputmask.bundle.js"></script>

<input id="otheramount" placeholder="Other" name="otheramount" data-_extension-text-contrast="" type="text">

placeholder选项用于屏蔽输入字符,不适用于输入值为空的情况。

1 个答案:

答案 0 :(得分:0)

使用clearMaskOnLostFocus选项

$(function() {
  $('#otheramount').inputmask({
    alias: 'currency',
    digits: 2,
    rightAlign: 0,
    clearMaskOnLostFocus: true
  })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/RobinHerbots/Inputmask@3.3/dist/jquery.inputmask.bundle.js"></script>

<input id="otheramount" placeholder="Other" name="otheramount" data-_extension-text-contrast="" type="text">