结束日期大于开始日期验证javascript不能正常工作

我想对我的日期进行验证，以便enddate比开始日期更大但不工作。我做错了什么？结束日期大于开始日期验证javascript不能正常工作

<head> 
<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> 
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />  
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.19.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery-ui.unobtrusive.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery-ui.unobtrusive-0.5.0.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/gen_validatorv4.js")" type="text/javascript"></script> 

    </head> 
    @using (Html.BeginForm("SearchFree", "Reservation", FormMethod.Get,new {id = "form" })) 
    {      

    <h7>Introduceti perioada Rezervarii</h7> 
<div class="editor-label"> 
<label id="cautare" for="StartDate">Data Intrare: </label>@(Html.JQueryUI().Datepicker("StartDate").DateFormat("mm-dd-yy").MinDate(DateTime.Today).ShowButtonPanel(true).ChangeYear(true).ChangeMonth(true).NumberOfMonths(2)) 
</div> 
<div class="editor-label"> 
<label id="cautare" for="EndDate">Data Iesire:</label>@(Html.JQueryUI().Datepicker("EndDate").DateFormat("mm-dd-yy").MinDate(DateTime.Today).ShowButtonPanel(true).ChangeYear(true).ChangeMonth(true).NumberOfMonths(2)) 

</div> 

<p> 
    <input id="buton1" type="submit" value="Cauta camere libere" /> 
</p> 

     } 
     <script type="text/javascript"> 
     $(document).ready(function() { 
    $.validator.addMethod("EndDate", function (value, element) { 
     var startDate = $('.StartDate').val(); 
     return Date.parse(startDate) <= Date.parse(value); 
    } 
     , "* End date must be after start date"); 
    $('.form').validate(); 
    }); 
     </script>

来源

2012-06-23 jonny

什么是你得到的错误？ –

我没有得到任何错误，只是没有进行验证 – jonny

尝试我发布的代码作为答案，并让我知道它是否适用于您...您当前的代码可能会给你错误的地方。要查看错误，您可以使用Firebug调试jQuery代码，例如：http://getfirebug.com/ –

试试这个：

jQuery.validator.addMethod("greaterThan", 
function(value, element, params) { 

    if (!/Invalid|NaN/.test(new Date(value))) { 
     return new Date(value) > new Date($(params).val()); 
    } 

    return isNaN(value) && isNaN($(params).val()) 
     || (Number(value) > Number($(params).val())); 
},'Must be greater than {0}.');

使用这种方式：

$(".EndDate").rules('add', { greaterThan: ".StartDate" });

或

$("form").validate({ 
    rules: { 
     EndDate: { greaterThan: ".StartDate" } 
    } 
});

来源

2012-06-23 21:20:47

结束日期大于开始日期验证javascript不能正常工作

回答

相关问题