Проверка на стороне клиента xVal не работает

Я загрузил проект образца xVal с Steve Sanderson’s blog, запустил его, и проверка стороны на стороне его работы (после нажатия кнопки «Отправить»), но клиентская сторона этого не делает; хотя я посмотрел на источник и увидел сгенерированный JavaScriptПроверка на стороне клиента xVal не работает

<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>

мой код вид:

<%@ 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>

здесь сгенерированный HTML:

<!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>

источник

2009-11-03 Omu

мы можем видеть ваш код просмотра? – Gregoire

уверен, здесь вы идете – Omu

все кажется нормально. Вы ссылались на javascript? – Gregoire

проверка на стороне клиента не работайте в демо, загруженном с этого блога, , но с новыми версиями jquery и xVal все работает отлично :)

источник

2009-11-03 21:04:59 Omu

Проверка на стороне клиента xVal не работает

ответ

Смежные вопросы