验证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 Column Body。我希望在客户端启用验证，以便在模型出现问题时不会将数据发送到服务器。

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

Answer 1

如果您希望客户端验证有效，则需要使用HTML帮助程序生成textarea：

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

这将在textarea上发出正确的HTML5 data-*属性，允许客户端验证使用jquery.validate插件。