Momentjs date validation

by Jason Crowther

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<p>Strict Enabled Version</p>

<p>
<input type="text" id="dateInput" placeholder="MM/DD/YYYY">
<input type="button" id="validateBtn" value="Validate">
</p>

<p>
  Validation Result: <span id="validationResult">N/a</span>
</p>
<p>
  Validation Output: <span id="validationOutput">N/a</span>
</p>

JavaScript

$(document).ready( function() {

  $('#validateBtn').click(function(){

    var a = moment(
      $('#dateInput').val(),
      ['MM/DD/YYYY','MM/DD/YY'],
      true
    );

    if( a.isValid() ) {
      $('#validationResult').text('Valid');
      $('#validationOutput').text(a.format('MM/DD/YYYY'));
    } else {
      $('#validationResult').text('Invalid');
      $('#validationOutput').text('N/a');

    }

  });
})