Convalida del contenuto dell'editor WMD

Question

Voglio convalidare (come campo richiesto) il contenuto dell'editor 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>

Sto usando il suo nome come Body essere legato al corpo da colonna LinQ-a-SQL. Voglio che la convalida sia abilitata sul lato client in modo che non vengano inviati dati al server se il modello ha un problema.

Come puoi vedere, ho provato a mettere Html.ValidationMessageFor(post => post.Body) Ma sono ancora in grado di inviare un Post Richiesta senza riempire il file Body campo.

Answer 1

È necessario utilizzare gli aiutanti HTML per generare il textarea Se si desidera che la convalida del cliente funzioni:

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

Questo emetterà HTML5 corretto data-* attributi su textarea che consentirà alla convalida del cliente di funzionare utilizzando il jquery.validate collegare.