Valider le contenu de l'éditeur WMD

Question

Je veux valider (en tant que requis) le contenu de l'éditeur 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>

J'utilise son nom comme Body Pour être lié au corps de la colonne LINQ-SQL. Je veux que la validation soit activée au côté client afin qu'aucune donnée ne soit envoyée au serveur si le modèle a un problème.

Comme vous pouvez le voir, j'ai essayé de mettre Html.ValidationMessageFor(post => post.Body) Mais je suis toujours en mesure d'envoyer un Post demande sans remplir le Body champ.

Answer 1

Vous devez utiliser des aides HTML pour générer le textarea Si vous voulez que la validation du client fonctionne:

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

Cela émettra le HTML5 approprié data-* Attributs sur la TextArea qui permettra à la validation du client de fonctionner en utilisant le jquery.validate brancher.