正在验证WMD编辑器内容

Question

我想验证(作为一个RequiredField)的WMD编辑器的内容

<div class="wmd-panel">
    <div id="wmd-editor">
        <div id="wmd-button-bar"></div>
            <textarea id="wmd-input" name="Body" rows="2" cols="50"></textarea>
            <%: Html.ValidationMessageFor(post => post.Body) %>
        </div>
    <div style="margin-top: 10px; height: 24px;" class="fr"> </div>
    <div id="wmd-preview"></div>
</div>

我使用它的名称Body来绑定到Linq- to -Sql列体。我希望在客户端启用验证，以便在模型有问题时不会将数据发送到服务器。

正如您所看到的，我尝试放入Html.ValidationMessageFor(post => post.Body)，但我仍然可以发送Post请求，而无需填充Body字段。

Answer 1

如果您希望客户端验证有效，则需要使用helpers来生成textarea：

<%= Html.TextAreaFor(post => post.Body, 2, 50, new { id = "wmd-input" }) %>
<%= Html.ValidationMessageFor(post => post.Body) %>

这将在文本区域上发出适当的HTML5 data-*属性，从而允许使用jquery.validate插件进行客户端验证。