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

Question

I have a php form that is for processing payments and I am using js to add a dollar sign and decimal point to the input field. I can't seem to find out how I can then remove the dollar sign and decimal point on submit.

$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

You can either use the .unmask() function to get the raw value and set in on a hidden input OR reset your formatting in the onSubmit event.

<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>

Two changes: a hidden field and the #id argument for the -tag. Then you can add like

<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>