当用户单击按钮时输入无效的日期格式时，如何显示验证错误？

Question

is there any way to show validation error message or border become red when user enter invalid date format?.In my demo app there two input field in which I am showing date like this "16-jun-1989" .Now user edit this field only in this format (that is valide) if user enter invalid format I want to show error message on button click or border become red on button click here is my code http://plnkr.co/edit/xoTH3uJZSVx0W78rwhMt?p=preview

var app = angular.module('plunker', ['angularMoment']);

app.controller('MainCtrl', function($scope ,moment) {
  $scope.name = 'World';
  console.log(moment)
  var d = new Date(613938600000);
  $scope.c = {
   ab: {
      name:'abc'
    },
   date: {
      name: moment(d).format('DD-MMM-YYYY')
    }
    };

    $scope.onclick =function(){
        console.log($scope.c)
    }

});

Answer 1

Since you are using moment already, check if the date is valid with:

moment($scope.c.date.name).isValid()

A working example here.

Answer 2

Though this already has answer. You might also be interested in ensuring the date is specified exactly how you want it. The validation in the accepted answer is not strict: This should fix that:

$scope.onclick = function() {
    if (!moment($scope.c.date.name, 'DD-MMM-YYYY').isValid()) {
      alert('Date must be in the format 02-Nov-2018');
    } else {
      alert('All good');
    }
}

The second argument to the moment function ensures this strictness.