asp.net-mvc - 验证 WMD 编辑器内容

Question

我想验证（作为必填字段）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

textarea如果您希望客户端验证正常工作，您需要使用 HTML 帮助程序来生成：

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

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