如何使用rails在输入框中添加美元符号（$）？

Question

我正在开发一个Web应用程序表单，并且根本不了解有关rails的任何信息。我主要调整html和css，而真正的开发人员努力工作！但我现在只想在一个使用rails创建的输入框中添加一个美元符号 - '$'。我不知道如何做到这一点，我的谷歌努力变得毫无结果。

这是输入框的代码

 ` <%= f.label :incomeAnnual, 'Annual income' %>
  <%= f.text_field :incomeAnnual, tabindex: 25 %>
  <br/>'

任何人都可以帮助我吗？

Answer 1

假设您希望$出现在文本框内，您可以在text_field上使用：value或：占位符选项。

当用户开始输入时，占位符将会消失，因此您可能更喜欢这里的值。

例如：

:value=> '$'

或

:placeholder => '$'

另见 http://apidock.com/rails/ActionView/Helpers/FormHelper/text_field

Answer 2

要添加美元符号，您可以使用指定的value属性。现在将其更改为货币格式，如果是预定义值，则可以使用rails helper number_to_currency。更多细节：

http://apidock.com/rails/ActionView/Helpers/NumberHelper/number_to_currency

但是，如果您需要动态广告逗号，因为用户在文本框中输入了值，那么您需要使用javascript。您可以使用多种方式：

Add commas for a number in input field while typing

How can I format numbers as money in JavaScript?

还有一种我更喜欢的简单方法，即toLocaleString()可以应用于数字。所以你需要做的是keypress()你需要取数字并将其转换成你需要的格式并放在文本框中。希望这会有所帮助。

Answer 3

您可以使用

 <%= f.text_field :incomeAnnual, :value=> "$ #{f.object.incomeAnnual}",tabindex: 25 %>

Answer 4

使用number_to_currency功能。例如

<%= number_to_currency item.total_price %>