CODEWITHSUNDEEP
jqueryvalidationdatetime
input
input

Reputation: 7519

validating between 2 textboxes - jquery

how i do validate two date textboxes using jquery. i came across this snippet of code. how do i enter the textbox parameters:

$.validator.addMethod('greaterThan', function(value, element, param) { return ( IsNaN( value ) && IsNaN( $(param).val() ) ) || ( value > $(param).val() ); }, 'Must be greater than {0}.' );

$.validator.addMethod('lesserThan', function(value, element, param) { return ( IsNaN( value ) && IsNaN( $(param).val() ) ) || ( value < $(param).val() ); }, 'Must be lesser than {0}.' );

the start date has to be greater than end date.

Upvotes: 0

Views: 3628

Answers (1)

Chad Grant
Chad Grant

Reputation: 45402

$(function() {
  $("#msg").text('');

  $("#checkdates").click(function(event) {
    var startdate = Date.parse($("#startdate").val());
    if (!startdate) {
      $("#msg").append("Start Date is not a valid date<br/>");
    }

    var enddate = Date.parse($("#enddate").val());
    if (!enddate) {
      $("#msg").append("End Date is not a valid date<br/>");
    }

    if (startdate && enddate) {
      if (startdate < enddate) {
        $("#msg").text("Start date must be greater than end date");
      } else {
        $("#msg").text("all good!");
      }
    }
    event.preventDefault();
    return false;
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  Start: <input type="text" id="startdate" value="1/1/2000" />
  End: <input type="text" id="enddate" value="1/1/1990" />
</form>
<button id="checkdates">Check Dates</button>

<div id="msg"></div>

Grab DateJS

http://www.datejs.com/

Upvotes: 1

Related Questions