xVal客戶端驗證不起作用

我從Steve Sanderson’s blog下載了xVal示例項目，運行它並驗證服務器正在工作（在我單擊提交後），但客戶端沒有; 雖然我看了看源，看到生成的JavaScriptxVal客戶端驗證不起作用

<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 2009-11-03 15:03:51

當然，在這裏你去 – Omu 2009-11-03 15:12:51

一切似乎確定。你引用了JavaScript嗎？ – Gregoire 2009-11-03 15:18:49

客戶端驗證不在從該博客下載的演示中工作，但與新版本的jquery和xVal一切工作正常:)

來源

2009-11-03 21:04:59 Omu

xVal客戶端驗證不起作用

回答

相關問題