javascript - 从输入帖子中删除美元符号和小数点

Question

我有一个用于处理付款的 php 表单，我正在使用 js 在输入字段中添加美元符号和小数点。我似乎不知道如何在提交时删除美元符号和小数点。

$amount = trim($_POST['amount']);

<div class="input-block">
<label for="amount" class="label_comment"><strong>Donation Amount</strong>*</label>
<input type="text" name="amount" value="<?php echo $_POST['amount']; ?>" placeholder="$" data-stripe="amount" id="amount" required="">
</div>

<script type="text/javascript" src="/js/jquery.price_format.2.0.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('#amount').priceFormat({
prefix: '$',
centsSeparator: '.',
thousandsSeparator: ','
});
});

</script>

Answer 1

您可以使用 .unmask() 函数获取原始值并设置隐藏输入，或者在 onSubmit 事件中重置格式。

<form id="yourForm">
  <div class="input-block">
  <label for="amount" class="label_comment"><strong>Donation Amount</strong>*</label>
  <input type="text" name="amount" value="<?php echo $_POST['amount']; ?>" placeholder="$" data-stripe="amount" id="amount" required="">

  <input type="hidden" id="rawAmountField" name="rawAmount" value="" />
</div>
</form>

两项更改:隐藏字段和 -tag 的 #id 参数。然后你可以添加像

<script type="text/javascript">
$(document).ready(function() {
  $('#yourForm').submit(function( event ) {

    /* Set the hidden field */
    $('#rawAmountField').value($('#amount).unmask());

    /* OR reset format like */
    $('#amount').priceFormat({
      prefix: '',
      centsSeparator: '.',
      thousandsSeparator: ''
    });
  });
});
</script>