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

HTMLヘルパーを使用して生成する必要があります textarea クライアントの検証を機能させたい場合：

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

これにより、適切なHTML5が発生します data-* クライアントの検証を使用して動作するようにするテキストレアの属性 jquery.validate プラグイン。