如何在剃刀文件中添加插件？

Question

我想创建一个插件，以便用户只输入一个 Facebook 个人资料名称，而不是整个网址。
当前获取输入的 razor 代码如下所示：

<div class="form-group">
 @Html.LabelFor(m => m.Twitter, new {@class = "control-label"})
 @Html.TextBoxFor(m => m.Twitter, new {@class = "form-control"})
</div>

这是我尝试过的：

<div class="form-group">                    
    @Html.LabelFor(m => m.Facebook, new { @class = "control-label" }
    <span class="input-group-addon" id="basic-addon2">
                                    facebook.com
    </span>
   @Html.TextBoxFor(m => m.Facebook, new {@id="basic-addon2"})                                    
</div>

但它会创建一个错误的表单，例如 here
为了正确获取插件，我需要修改什么？
喜欢：facebook.com/ {input-filed}

Answer 1

这是你需要的：

<div class="input-group">
    <span class="input-group-addon" id="facebook-profile">facebook.com/</span>
    @Html.TextBoxFor(m => m.Facebook, new { @class="form-control", placeholder="Profile Name", aria_describedby="facebook-profile">
</div>