Asp.net mvc 如何在MVC的文本框中使用bootstrap已成功且有错误？

我想在文本框中使用

已成功

和

已出错

。如果文本框为空，则它应该在文本框的右侧显示

X

图标，成功时也是如此。当前，图标显示在外部。

@Html.TextBoxFor（model=>model.Name，新的{@class=“form control”}）

该

已成功

进入外部div@StephenMuecke，你能给我一个答案吗？而且这个图标没有附带文本框。你想让它看起来像什么？@StephenMuecke，我想要像图中所示的东西。但在显示的图像中，图标应该和文本框连接在一起。你希望小提琴显示的是什么？你想在小提琴中改变什么？

<link href="~/Content/bootstrap.css" rel="stylesheet" />
 <div class="form-group ">
      <div class="has-success input-group">                             
        @Html.TextBoxFor(model => model.Name, new { @class = "form-control" })
          <span class="input-group-addon"><i class="glyphicon glyphicon-ok"></i></span>
     </div>
   </div>