Validación del contenido del editor de WMD

Question

Quiero validar (como un campo requerido) el contenido del editor de 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>

Estoy usando su nombre como Body estar unido al cuerpo de la columna Linq a SQL. Quiero que la validación se habilite en el lado del cliente para que no se envíen datos al servidor si el modelo tiene un problema.

Como puedes ver, intenté poner Html.ValidationMessageFor(post => post.Body) Pero todavía puedo enviar un Post solicitar sin completar el Body campo.

Answer 1

Necesita usar ayudantes HTML para generar el textarea Si desea que funcione la validación del cliente:

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

Esto emitirá el HTML5 adecuado data-* atributos en el textAREA que permitirá que la validación del cliente funcione utilizando el jquery.validate enchufar.