Validate that end date is greater than start date with jQuery

by

Just expanding off fusions answer. this extension method works using the jQuery validate plugin. It will validate dates and numbers

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}.');

To use it:

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

or

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

More Related Contents:

  1. How to display messages from jQuery Validate plugin inside of Tooltipster tooltips?
  2. jQuery validation: change default error message
  3. jQuery Validation plugin: disable validation for specified submit buttons
  4. jQuery Validate – require at least one field in a group to be filled
  5. validating multiple textbox having same name with jquery validator validates only first input
  6. How to clear jQuery validation error messages?
  7. jQuery Validate Required Select
  8. jQuery validator and a custom rule that uses AJAX
  9. How to validate array of inputs using validate plugin jquery
  10. jQuery validate dynamic input array
  11. ASP.net MVC 3 jQuery Validation; Disable Unobtrusive OnKeyUp?
  12. jQuery validate plugin: validate on blur() by default
  13. How can I use jQuery validation with the “chosen” plugin?
  14. Disable future dates in jQuery UI Datepicker
  15. JavaScript Detecting Valid Dates
  16. jQuery Validate Ignore elements with style
  17. Jquery Validation for Dynamically Created Fields
  18. onkeyup and onfocusout is not working in jQuery Validate
  19. How to add a ‘submitHandler’ function when using jQuery Unobtrusive Validation?
  20. jquery validation: prevent form submit
  21. $(“#form1”).validate is not a function
  22. jQuery Validation plugin: validate check box
  23. Manually set unobtrusive validation error on a textbox
  24. jquery client side validation not working in MVC3 partial view
  25. Jquery validation not working with ckeditor
  26. Select only specific dates in jQuery UI datepicker (date list comes from AJAX)
  27. MVC 4 client side validation not working
  28. jQuery validator and datepicker click not validating
  29. jquery validation not waiting for remote validation to return true, considers form valid
  30. How to include JavaScript files by h:outputScript? [duplicate]

Leave a Comment