La validation côté client xVal ne fonctionnait pas

J'ai téléchargé le projet exemple xVal à partir de Steve Sanderson’s blog, exécutez-le et la validation côté serveur fonctionne (après avoir cliqué sur submit), mais pas le côté client; bien que j'ai regardé à la source et a vu le javascript généréLa validation côté client xVal ne fonctionnait pas

<script type="text/javascript">xVal.AttachValidator("booking", {"Fields":[{"FieldName":"ClientName","FieldRules":[{"RuleName":"Required","RuleParameters":{}},{"RuleName":"StringLength","RuleParameters":{"MaxLength":"3"}}]},{"FieldName":"NumberOfGuests","FieldRules":[{"RuleName":"Range","RuleParameters":{"Min":"1","Max":"20","Type":"decimal"}},{"RuleName":"DataType","RuleParameters":{"Type":"Integer"}}]},{"FieldName":"ArrivalDate","FieldRules":[{"RuleName":"DataType","RuleParameters":{"Type":"Date"}},{"RuleName":"Required","RuleParameters":{}}]}]})</script>

mon code de la vue:

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" AutoEventWireup="true" CodeBehind="CreateBooking.aspx.cs" Inherits="BookingsDemo.Views.Home.CreateBooking" %> 
<%@ Import Namespace="DomainModel"%> 
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"> 
    <h1>Place a booking</h1> 

    <% using(Html.BeginForm()) { %> 
     <div> 
      Your name: <%= Html.TextBox("booking.ClientName") %> 
      <%= Html.ValidationMessage("booking.ClientName") %> 
     </div> 
     <div> 
      Number of guests: <%= Html.TextBox("booking.NumberOfGuests")%> 
      <%= Html.ValidationMessage("booking.NumberOfGuests")%> 
     </div> 
     <div> 
      Expected arrival date: <%= Html.TextBox("booking.ArrivalDate")%> 
      <%= Html.ValidationMessage("booking.ArrivalDate")%> 
     </div>     
     <input type="submit" />  
    <% } %> 
    <%= Html.ClientSideValidation<Booking>("booking") %>  
</asp:Content>

est ici le code HTML généré:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title> 

</title><link href="../Content/Site.css" rel="stylesheet" type="text/css" /> 

    <script type="text/javascript" src="/Scripts/jquery-1.2.6.js"></script> 
    <script type="text/javascript" src="/Scripts/jquery.validate.js"></script> 
    <script type="text/javascript" src="/Scripts/xVal.jquery.validate.js"></script> 
</head> 

<body> 
    <div class="page"> 

     <div id="header"> 
      <div id="title"> 
      </div> 

      <div id="menucontainer"> 


      </div> 
     </div> 

     <div id="main"> 

    <h1>Place a booking</h1> 
    <form action="/Home/CreateBooking" method="post"> 
     <div> 
      Your name: <input id="booking_ClientName" name="booking.ClientName" type="text" value="" /> 

     </div> 
     <div> 
      Number of guests: <input id="booking_NumberOfGuests" name="booking.NumberOfGuests" type="text" value="" /> 


     </div> 
     <div> 
      Expected arrival date: <input id="booking_ArrivalDate" name="booking.ArrivalDate" type="text" value="" /> 

     </div>     

     <input type="submit" />  
    </form><script type="text/javascript">xVal.AttachValidator("booking", {"Fields":[{"FieldName":"ClientName","FieldRules":[{"RuleName":"Required","RuleParameters":{}},{"RuleName":"StringLength","RuleParameters":{"MaxLength":"15"}}]},{"FieldName":"NumberOfGuests","FieldRules":[{"RuleName":"Range","RuleParameters":{"Min":"1","Max":"20","Type":"decimal"}},{"RuleName":"DataType","RuleParameters":{"Type":"Integer"}}]},{"FieldName":"ArrivalDate","FieldRules":[{"RuleName":"DataType","RuleParameters":{"Type":"Date"}},{"RuleName":"Required","RuleParameters":{}}]}]})</script> 


      <div id="footer"> 
       My Sample MVC Application &copy; Copyright 2008 
      </div> 

     </div> 
    </div> 
</body> 
</html>

Source

2009-11-03 Omu

pouvons-nous voir votre code d'affichage? – Gregoire

bien sûr, ici vous allez – Omu

tout semble ok. Avez-vous référencé le javascript? – Gregoire

la validation côté client n'a pas travailler dans la démo téléchargée à partir de ce blog, mais avec les nouvelles versions de jquery et xVal tout fonctionne bien :)

Source

2009-11-03 21:04:59 Omu

La validation côté client xVal ne fonctionnait pas

Répondre

Questions connexes