開始日が角型の終了日より前でない限り送信ボタンを無効にする

Question

この開始日のフィールドがあるため、開始日がイベントの終了日より後の場合はエラーが正しく表示されます。しかし、フォーム自体が提出しないようにしたいと思います。カスタム検証でフォーム提出を防ぐ方法がわかりません。

<fieldset ng-controller="ConfigCtrl" show errors> 
    <label>Event Start Date</label><sup class="req-field">*</sup> 
    <div class=" input-group" ng-class="{'has-error': event.info.date >= event.info.end_date}"> 
     <input type="text" name="start-date" class="form-control" datetime-picker="dd MMM yyyy HH:mm" datepicker-append-to-body="true" ng-model="event.info.date" max-val="{{event.info.end_date}}" is-open="isOpen[0]" date-validator ng-focus="openCalendar(0)" required> 
     <span class=" input-group-btn"> 
     <button class="btn btn-default" type="button" ng-click="openCalendar(0)"> 
      <i class="fa fa-calendar"></i> 
     </button> 
     </span> 
    </div> 
    </fieldset> 

この

はsubmitボタンのコードです：私はフィールドがNG-MAXLENGTHのようなもののために検証している場合は

<button class="btn btn-primary" ng-click="saveEvent(event, 'editBasicInfo');editBasicInfo = !editBasicInfo" ng-disabled="basicInfoForm.$invalid">Submit</button> 

、送信ボタンは無効になります。このカスタム検証で同じことをどうやって行うのですか？

Answer 1

これはNaveedの回答でした。 msgstr "検証ロジックをng-disabled =" basicInfoForm。$ invalid & & event.info.date> = event.info.end_date "に配置することはできますが、カスタムバリデーターを作成することをお勧めします。

@dineshと@naveedの両方がこれを理解するのを助けました。ありがとう！