如何在Input Money Format JS前面添加$

时间:2018-09-17 18:27:49

标签: javascript html

我需要您的帮助。我需要在前面添加货币符号。

示例:$ 45,000.00

此代码仅如下所示工作:45,000.00

HTML代码:

<div class="col-md-4">
        <div class="form-group">
            <label for="mortgageBalance">Balance de Hipoteca:</label>
            <input style="border-radius:  10px;" name="mortgageBalance" type="text" id="mortgageBalance" class="form-control" onkeypress=" " />
        </div>
    </div>

JS:

<!-- Script for money format  -->
  <script type="text/javascript">
  document.getElementById("mortgageBalance").onblur =function (){
      this.value = parseFloat(this.value.replace(/,/g, ""))
            .toFixed(2)
            .toString()
            .replace(/\B(?=(\d{3})+(?!\d))/g, ",");

            document.getElementById("display").value = this.value.replace(/,/g, "")
          }
  </script>

  <!-- FINAL Script for money format  -->

谢谢。

1 个答案:

答案 0 :(得分:0)

您只需将其添加到

this.value = '$'+parseFloat( ....

请多加注意。我不会将其添加到您要提交的字段中,因为它会将数据类型从浮点数更改为字符串,并且需要在后端进行一些工作才能删除$

从我所看到的看起来,这仅仅是页面上显示的抵押计算器或类似的东西。但是,这样的符号只能用于“显示”目的。

如果您使用的是php,请不要使用"。在这里可能没关系,但是记住这只是个好习惯,因为用双引号将PHP误认为是变量。

  $variable = "foo";
  echo "Some $variable goes here";
  echo 'Some $variable goes here';

输出

Some foo goes here
Some $variable goes here

就像我说的那样,两种方法都可以,但是引号在PHP中的工作方式有很大的不同。如果您养成习惯,那么这些只是其中之一,以后您会避免一堆麻烦。因此,如果要显示美元符号,最好使用单引号。