How to make an input type=date required using AngularJS?

Question

I'm using Angular 1.2.23 and I would like to make a input type=date required, I have the following code:

<form name="form" novalidate>
    <input id="date" name="date" type="date" required />
    <span ng-show="form.date.$error.required">The date is required!</span>
</form>

plnkr

The span with the message doesn't appear, why?

If input type date are not supported in Angular 1.2.23, is there any good alternative to validate?

have you tried adding a ng-model? putting your code directly into a fiddle shows the message: jsfiddle.net/9yp75kr3 — unsafe_where_true
– unsafe_where_true, Commented Sep 3, 2014 at 1:36

jcruz · Accepted Answer · 2014-09-03 01:34:54Z

4

you need to bind your input field to a value in your scope using the ngModel directive

Here is an updated plunkr

http://plnkr.co/edit/orhtCBL295atga5jsT6p?p=preview

  <form name="form" novalidate>
    <input id="date" name="date" type="date" ng-model="date" required />
    <span ng-show="form.date.$error.required">The date is required!</span>
  </form>

answered Sep 3, 2014 at 1:34

jcruz

7186 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rubens Mariuzzo Over a year ago

Now, I really feel dumb. Thanks @jcruz, it worked as expected.

Collectives™ on Stack Overflow

How to make an input type=date required using AngularJS?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related