小编JBr*_*ght的帖子

在MVC3中扩展不显眼的javascript以向div客户端添加样式的最佳方法

我正在使用html5/Razor/MVC3来利用Twitter上的Bootstrap模板.我希望表单验证看起来像他们记录的那样(http://twitter.github.com/bootstrap/#forms).因此,如果我们看看标准锅炉板MVC3如何进行帐户注册,标记将如下所示:

@using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class="form-stacked" })) {
    @Html.ValidationSummary(true, "Snap! Something went wrong")
    <div>
        <fieldset>
            <legend>Account Information</legend>
            <div class="clearfix error">
                @Html.LabelFor(m => m.UserName)
                <div class="input">
                    @Html.TextBoxFor(m => m.UserName)
                    <span class="help-inline">@Html.ValidationMessageFor(m => m.UserName)</span>
                </div>
            </div>

            <div class="clearfix">
                @Html.LabelFor(m => m.Email)
                <div class="input">
                    @Html.TextBoxFor(m => m.Email)
                    <span class="help-inline">@Html.ValidationMessageFor(m => m.Email)</span>
                </div>
            </div>

            <div class="clearfix">
                @Html.LabelFor(m => m.Password)
                <div class="input">
                    @Html.PasswordFor(m => m.Password)
                    <span class="help-inline">@Html.ValidationMessageFor(m => m.Password)</span>
                </div>
            </div>

            <div class="clearfix">
                @Html.LabelFor(m => m.ConfirmPassword)
                <div class="input">
                    @Html.PasswordFor(m => m.ConfirmPassword) …
Run Code Online (Sandbox Code Playgroud)

html5 razor unobtrusive-validation asp.net-mvc-3 twitter-bootstrap

29
推荐指数
2
解决办法
8410
查看次数