Asp.net mvc 4 使用引导设置数据验证错误的样式

Asp.net mvc 4 使用引导设置数据验证错误的样式,asp.net-mvc-4,twitter-bootstrap,twitter-bootstrap-3,Asp.net Mvc 4,Twitter Bootstrap,Twitter Bootstrap 3,我正在从事一个ASP.NETMVC4项目。我想用Bootstrap3.0在我的登录页面上设置数据验证错误的样式。当我调试页面时,它给出了数据验证错误,这些代码在我的登录表单的源代码中消失: <form action="/Account/Login" class="col-md-4 col-md-offset-4 form-horizontal well" method="post"><input name="__RequestVerificationToken" type="

我正在从事一个ASP.NETMVC4项目。我想用Bootstrap3.0在我的登录页面上设置数据验证错误的样式。当我调试页面时,它给出了数据验证错误,这些代码在我的登录表单的源代码中消失:

 <form action="/Account/Login" class="col-md-4 col-md-offset-4 form-horizontal well" method="post"><input name="__RequestVerificationToken" type="hidden" value="Zbg4kEVwyQf87IWj_L4alhiHBIpoWRCJ9mRWXF6syGH4ehg9idjJCqRrQTMGjONnywMGJhMFmGCQWWvBbMdmGFSUPqXpx6XaS4YfpnbFm8U1" /><div class="validation-summary-errors"><ul><li>The user name or password provided is incorrect.</li>
</ul></div>    <div class="form-group control-group">
   <div class="col-md-6 col-md-offset-3">
                <input class="input-validation-error form-control" data-val="true" data-val-required="User name alanı gereklidir." id="UserName" name="UserName" placeholder="Kullanıcı Adı" type="text" value="" />
                <span class="field-validation-error" data-valmsg-for="UserName" data-valmsg-replace="true">User name alanı gereklidir.</span>
       </div>
        </div>
    <div class="form-group">
    <div class="col-md-6 col-md-offset-3">
                <input class="input-validation-error form-control" data-val="true" data-val-required="Password alanı gereklidir." id="Password" name="Password" placeholder="Şifre" type="password" />
                <span class="field-validation-error" data-valmsg-for="Password" data-valmsg-replace="true">Password alanı gereklidir.</span>
        </div>
    </div>
    <div class="form-group">
    <div class="col-md-4 col-md-offset-4">
        <button class="btn btn-default" type="submit">Giriş Yap</button>
        </div>
    </div>
</form>
  • 提供的用户名或密码不正确
用户名alanıgereklidir。 密码alanıgereklidir。 吉里亚普
如何使用Bootstrap 3设置这些错误的样式,如标签的“for=inputError”属性?

如中所示,您需要将class
has error
应用于包含输入的div,并将class
表单组应用于该div:

<div class="form-group has-error">
    ...
</div>
这负责服务器端验证。然而,您还需要考虑客户端验证。为此,您需要编写一些jQuery来检查是否存在class
字段验证错误
,并根据结果应用class
has error

你可以自己做,不过我建议你去看看谁会自动帮你做这些。你所要写的就是:

@Html.Bootstrap().FormGroup().TextBoxFor(m => m.UserName)
免责声明:我是TwitterBootstrapMVC的作者。在Bootstrap 2中使用它是免费的。对于Bootstrap 3,它需要付费许可证。

你说的“For=inputeror”是什么意思?
我指的是这个链接中标题为“validation states”的示例
@Html.Bootstrap().FormGroup().TextBoxFor(m => m.UserName)