MVC3 and validating a mixture of Razor and jQuery plugins
===

I am using MVC3 and my view has a mixture of razor and raw html in my view e.g.

    <div class="editor-field">
         @Html.EditorFor(model => model.PAGE)
         @Html.ValidationMessageFor(model => model.PAGE)
    </div>
            
    
    <div class="editor-label">
         @Html.LabelFor(model => model.PERIODICAL)
    </div>
         div class="editor-field">
         <div class="editor-field">
              <input type="text" id="periodicallist" name="tiperiodical" />
         </div>
    </div>

My JavaScript applies the tokenInput control plugin to the textbox and its all fine, but I wonder how I can validate this (i.e. for empty textbox/tokenInput), it needs to filled with at least 1 token.  At the moment it's confusing having these two forms of creating a view, letting Razor constuct elements direct from the model, and then adding more complexity/cusomization by usin jQuery plugins etc.

Can anyone advise how I can validate jQuery plugins on posting back to the controller?

Cheers 