2011-01-15 4 views
0

J'ai vue de créer un DocumentTemplatevalidation JQuery en asp.net mvc

<% @ Page Titre = "" Language = "C#" MasterPageFile = "~/Vues/Shared/Site.master" = Hérite "System.Web.Mvc.ViewPage" %>

<% @ import Namespace = "HexsolveMVC.Helpers" %> Créer

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#reset").click(function(event) { 
      $("#Part").get(0).selectedIndex = 0; 
      $("#txtDocTitle").val(""); 
      $("#txtarDocDesc").val(""); 
     }); 

    }); 
}); 
</script> 

<div class="container"> 
    <div class="outer"> 
     <div class="main_content"> 
      <div> 
       <%=Html.BreadCrumb(Model.BreadCrumbs)%> 
      </div> 
      <div class="form_container"> 
       <h1> 
        Document Template</h1> 
       <ul> 
        <li> 
         <label> 
          <span class="mandatory">*</span>Engine model:</label> 
         <%=Html.DropDownList("Part", (SelectList)ViewData["Part"])%> 
         <span class="tagline">Please select the engine model 
          <%--<a href="#">Need Help</a>--%></span> </li> 
        <li> 
         <label> 
          <span class="mandatory">*</span>Document Title:</label> 
         <input id="txtDocTitle" name="docTitle" type="text" class="formstyle" /> 
        </li> 
        <li> 
         <label> 
          Discription:</label> 
         <textarea name="docDesc" id="txtarDocDesc" cols="45" rows="5"></textarea> 

        </li> 
        <li> 
         <div class="button_panel"> 
          <input name="button" type="submit" class="btn_create_doc_big" id="button" value="Create" /> 
          <span class="reset_field"><a href="#" id="reset">Reset the form</a></span><span class="mandatory_tag">[ 
           <span class="mandatory">*</span> Mandatory fields ]</span> 
          <div class="clear"> 
          </div> 
         </div> 
         <span class="tagline">By clicking on '<span class="tagline_highlight">Create</span>' 
          button your document will be created.<br /> 
          And after you can add new instructions and subsections easily.</span></li> 
       </ul> 
       <div> 
        <h2> 
         Example of how to work a document 
        </h2> 
        <img alt="" src="../../html/images/diagram.jpg" width="738" height="172" /></div> 
      </div> 
     </div> 
     <div class="clear"> 
     </div> 
    </div> 
</div> 

J'ai besoin de valider le txtDocTitle car c'est un champ obligatoire. Comment puis-je faire cela en utilisant jQuery. Je ne peux pas utiliser la validation de modèle car ce même modèle est utilisé pour d'autres vues et il a des propriétés d'autres tables. J'ai besoin de quelque chose à faire avec jQuery.

Répondre