2015-02-05 64 views
-1

我正在研究一个Web应用程序窗体,并且对轨道没有任何认识。我主要调整html和css,而真正的开发人员则努力工作!但我现在试图简单地将一个美元符号 - '$'添加到使用rails创建的输入框中。我不知道如何做到这一点,我的谷歌努力没有结果。

这是输入框

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

谁能请帮助我的代码?

+0

如果您需要在文本框中默认显示$,只需使用HTML中使用的value属性即可。就像这样:'<%= f.text_field:incomeAnnual,tabindex:25,:value =>'$'%>' – Deep 2015-02-06 01:06:53

+0

谢谢!以及如果我想添加自动逗号来分隔数字。例如500,000美元或400,000,000美元? – chiccaboom 2015-02-06 16:32:58

+0

我正在为您提供一个链接,它可以帮助您:http://apidock.com/rails/ActionView/Helpers/NumberHelper/number_to_currency – Deep 2015-02-06 16:44:54

回答

0

添加为指定你可以使用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()你需要把这个数字转换成你需要的格式并放在文本框中。希望这可以帮助。

+0

谢谢你的帮助! – chiccaboom 2015-02-18 21:41:58

0

您可以使用

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

使用number_to_currency功能。例如

<%= number_to_currency item.total_price %>