Razor 格式化文本框以包含'£'；

我有一个文本框，每当用户开始键入数字时，我都希望在其中包含一个符号

例如：32英镑

我将如何做到这一点：

@Html.TextBox("amountFrom", "", new { @class = "form-control", @placeholder = "£" })

---

目前，我只是有一个占位符，在用户输入一个数字之前，它会插入一个“£”符号。我希望该标志在用户开始键入后立即显示

一个快速而肮脏的修复方法是使用JavaScript或jQuery。当文本框更改时，将在文本框中已有内容的前面添加一个“%”

@Html.TextBox("amountFrom", "", new { @class = "form-control", @id="price" })

<script>
$(function() {
    $('#price').on('input',function() { 
        var price = $('#price').val();
        if (price.substring(0, 1) == '£')
        {
            price = price.substring(2);
        }

        $('#price').val('£ ' + price);
    });
});
</script>

@Html.TextBox（“amountFrom”，“”，new{@class=“form control”，@id=“price”}）
$（函数（）{
$（'#price'）。在（'input'，function（）{
var价格=$（“#价格”）.val（）；
if（价格子串（0，1）=='）
{
价格=价格。子字符串（2）；
}
美元（‘价格’）.val（‘英镑’+价格）；
});
});

看到这把小提琴了吗

一个稍微好一点的解决方案可能是使用CSS来显示英镑符号的背景图像，就像StackOverflow用来在搜索框上显示放大镜图像一样

此示例的提琴可在此处找到：

---

请注意，第二个示例在输入框中键入内容后立即添加井号（并且事先不显示）。如果您希望始终显示英镑符号，那么您当然可以省略JavaScript并将CSS直接应用到CSS中的

#price

元素。

一个快速而肮脏的解决方案是使用JavaScript或jQuery。当文本框更改时，将在文本框中已有内容的前面添加一个“%”

@Html.TextBox("amountFrom", "", new { @class = "form-control", @id="price" })

<script>
$(function() {
    $('#price').on('input',function() { 
        var price = $('#price').val();
        if (price.substring(0, 1) == '£')
        {
            price = price.substring(2);
        }

        $('#price').val('£ ' + price);
    });
});
</script>

@Html.TextBox（“amountFrom”，“”，new{@class=“form control”，@id=“price”}）
$（函数（）{
$（'#price'）。在（'input'，function（）{
var价格=$（“#价格”）.val（）；
if（价格子串（0，1）=='）
{
价格=价格。子字符串（2）；
}
美元（‘价格’）.val（‘英镑’+价格）；
});
});

看到这把小提琴了吗

一个稍微好一点的解决方案可能是使用CSS来显示英镑符号的背景图像，就像StackOverflow用来在搜索框上显示放大镜图像一样

此示例的提琴可在此处找到：

请注意，第二个示例在输入框中键入内容后立即添加井号（并且事先不显示）。如果希望始终显示英镑符号，那么当然可以省略JavaScript并将CSS直接应用到CSS中的

#price

元素