2011-12-09 72 views
0

我使用jQuery不顯眼的驗證與ASP.NET MVC3沒有被顯示在jQuery Mobile的網頁: 這些被添加的腳本: -jQuery驗證錯誤消息

<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> 
    <script type="text/javascript"> 
     $('div').live('pageshow', function (event) { 
      jQuery.validator.unobtrusive.parse(".ui-page-active form"); 
     }); 
    </script> 
    <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js" type="text/javascript"></script> 

    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 

我已經給了最小 - 最大範圍檢查領域之一,它生成的html正確:

<div class="display-label"> 
      <label for="QtyToIssue">Qty to Issue</label> 
     </div> 
     <div class="display-field"> 
      <input class="text-box single-line" data-val="true" data-val-number="The field Qty to Issue must be a number." data-val-range="The field Qty to Issue must be between 0 and 1.79769313486232E+308." data-val-range-max="1.79769313486232E+308" data-val-range-min="0" data-val-required="The Qty to Issue field is required." id="QtyToIssue" name="QtyToIssue" type="number" value="0" /> 
     </div> 

在頁面加載,我改變了數據-VAL-範圍-max屬性值的jQuery:

<script type="text/javascript"> 
     $(function() { 
     $('#QtyToIssue').attr('data-val-range-max', 11.000000); 
     }); 
    </script> 

它正在完美驗證,在提交時,如果QtyToIssue大於11,文本框變爲紅色,焦點設置爲此。 唯一問題是我沒有收到錯誤消息。

可能是什麼原因?

回答

2

嘗試將@Html.ValidationSummary()添加到您的視圖(假設您使用剃鬚刀)。這將生成一個應顯示驗證消息的div。

+0

感謝@using(Html.BeginForm()) {Html.ValidationSummary(false)我得到我的屬性特定的錯誤消息立即,我想要的。 –