【问题标题】:Remove "$" from form input field从表单输入字段中删除“$”
【发布时间】:2011-12-12 19:02:24
【问题描述】:

我在一个网站上工作,该网站使用表格来接受他们的基金会捐款。如果实际美元金额中包含“$”,支付网关将返回错误。

如果他们输入一个,在提交表单之前,有没有一种简单的方法可以在输入字段中去掉“$”?

谢谢。

【问题讨论】:

  • 数据如何提交?无论如何,看看Remove characters from a string
  • 使用.replace(/[^\d.]/g,"")。此函数删除除数字和点之外的每个字符。

标签: jquery


【解决方案1】:

在客户端 (jquery/javascript)

var fieldvalue = {...get from input field...};
fieldvalue = fieldvalue.replace(/\$/,"");

在服务器端(php,提交后)

$fieldvalue = $_POST['fieldname'];
$fieldvalue = str_replace("$", "", $fieldvalue); 

【讨论】:

    【解决方案2】:
    $('form').submit(function() {
    
        $('input[type=text]', this).each(function() {
            $(this).val( $(this).val().replace(/\$/g, '') );
        });
    
        return true;
    });
    

    【讨论】:

    • 迈克,尝试了你的方法——我需要将“表单”更改为表单的 ID 吗?另外 - 我会将 input[type-text] 更改为 input[name='chargetotal'] 吗?似乎没有工作
    • 是的。您希望将表单更改为适合您所定位的表单的选择器。另外,我做 type=text 的原因是让它针对所有文本字段。不要在选择器中添加引号。
    【解决方案3】:

    提交时,在返回true之前对字段内容使用“replace”方法。

    【讨论】:

      【解决方案4】:

      您可以使用String.replace 从字符串中删除任何子字符串:

      var amount = $('#amount').val().replace('$', '');
      

      将使amount 包含带有id="amount" 的表单字段的值,其中不包含第一个美元符号。

      【讨论】:

        【解决方案5】:
        $('#donationform').submit(function() {
          //get amount value
          var CurrencyField = $("input[name='chargetotal']").val()
          //return amount without $
          $("input[name='chargetotal']").val( CurrencyField.replace('$', '') );
        });
        

        应该做的伎俩:)

        【讨论】:

        • Marco,我要不要把#target 改成表单的ID?
        • 是的#target是表单的id,#amount是你的输入字段的id/class,$amount
        • Marco,我将 #target 更改为 #donationform -- 这个表单传递的是带有 name="chargetotal" 的美元金额
        • jsfiddle.net/rsBus .. 应该没关系,因为您在页面提交之前更改它。你有萤火虫,还是使用开发者工具?然后你可以在提交之前看看它是否改变了:)
        • Marco,我终于让它工作了——尽管现在当我点击提交时——“$”被删除了——但是表单没有提交。
        猜你喜欢
        • 1970-01-01
        • 2013-09-06
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-04-22
        • 1970-01-01
        • 2014-03-27
        相关资源
        最近更新 更多