Question

我有一个示例here，我自己试图将日期字段验证为

 <div data-ng-class="{'has-error': (myform.fmDate.$touched && myform.fmDate.$invalid)}">
      <input type="text" name="fmDate" id="fmDate" placeholder="Enter from date" ng-model="fmDate" required>
      <ng-messages for="myform.fmDate.$error" data-ng-show="(myform.fmDate.$touched && myform.fmDate.$invalid)">
        <ng-message when="required">Date is required</ng-message>
      </ng-messages>
    </div>

但是在选择时，验证不会隐藏日期字段。

Answer 1

因此，您为时指定了相同的名称。改变如下所示。

<input type="text" name="fmDate" id="fmDate" placeholder="Enter from date" ng-model="fmDate" required1>
<ng-message when="required1">Date is required</ng-message>
<input type="text" name="test2" id="test2" placeholder="Test 2" ng-model="test2" name="test2" required2>
<ng-message when="required2">required</ng-message>

立即尝试它可以正常工作。

angularjs形式验证jqueryUI日期

1 个答案: