使用内联样式的MVC ClientSideValidation？

Question

有一个简单的表单，我使用数据注释和模型来提供自动客户端验证。然而，它看起来相当垃圾，虽然我可以将一些CSS应用于元素我发现很难将它们显示为工具提示样式错误。

理想情况下我喜欢：http://www.position-relative.net/creation/formValidator/demoValidators.html

然而，似乎所有这些类型的实现都需要在验证期间添加新的DOM元素然后显示，但是默认情况下我们只有包含验证消息的单个元素。

我主要想知道是否有任何预先制作的Jquery插件或MVC兼容项目允许我轻松地进行这种验证方式，因为我不是设计师的编码器。

如果没有简单的方法可以做到这一点，那就不用担心了，谢谢你的建议！

Answer 1

我的验证类似于使用MVC验证和css的演示URL - 这不太难做 - 我的CSS看起来像这样：

.field-validation-error
{
    background:url('/Styles/icons/validation-box-medium.gif') no-repeat;
    padding:10px 4px 4px 28px;
    width:188px;
    height:20px;
    position:absolute;
    z-index:1;
    clear:both;
    color:#780701;
}

我的观看代码如下：

            <div>
                <div class="editor-label">
                    <%: Html.LabelRequiredFor(model => model.Product.Price)%>
                </div>
                <div class="editor-field">
                    <%: Html.TextBoxTwoDecimalFor(model => model.Product.Price)%>
                    <div style="clear:both;"></div>
                    <%= Html.ValidationMessageFor(model => model.Product.Price)%>
                </div>
            </div>

我有一个CSS类用于“clear：both”，即我从不使用内联样式 - 但为了示例，我省略了它。

欢迎您使用本文的部分或全部内容，包括图片： - ）