2016-07-29 64 views
1

我有輸入欄,單選按鈕,選擇框。所有字段都有數據後,需要提交按鈕才能激活。 示例我的字段和按鈕。當所有輸入都有數據時,AngularJS提交按鈕激活

<div class="form-group" ng-class="{ 'has-error': myForm.birth.$touched && myForm.birth.$invalid }"> 
    <label class="col-sm-3 control-label">{{getWord('Dob')}}<sup>*</sup></label> 

    <div class="col-sm-6"> 
     <p class="input-group"> 
      <input type="text" placeholder="1988-12-12" class="form-control" name="birth" 
        uib-datepicker-popup="{{format}}" ng-model="patient.DOB" 
        data-placeholder="" 
        is-open="isOpened" datepicker-options="dpOptions" 
        close-text="Close" alt-input-formats="altInputFormats" required/> 

      <span class="input-group-btn"> 
       <button type="button" class="btn btn-default" 
         ng-click="openCalender()"><i 
        class="glyphicon glyphicon-calendar"></i> 
       </button> 
      </span> 

     <p ng-show="myForm.birth.$error.required" style="color:red" ng-if="myForm.birth.$touched">Date of birth is 
      required.</p> 

     </p> 
    </div> 
</div> 

和代碼按鈕

<div class="form-group"> 
    <div class="text-center"> 
     <button class="btn btn-labeled btn-success" type="button" ng-click="makeAptmn()"> 
      <span class="btn-label"><i class="glyphicon glyphicon-ok"></i></span> 

      {{getWord('makebutton')}} 
     </button> 
     <button class="btn btn-labeled btn-danger" type="button"> 
      <span class="btn-label"><i class="glyphicon glyphicon-remove"></i></span> 

      {{getWord('clearbutton')}} 
     </button> 
    </div> 
</div> 

,需要相同的Clear按鈕,清除所有輸入字段。

回答

0

只需修改您的按鈕代碼:

<button class="btn btn-labeled btn-success" type="button" ng-click="makeAptmn()" 
    ng-disabled="myForm.$invalid"> 
     <span class="btn-label"><i class="glyphicon glyphicon-ok"></i></span> 

     {{getWord('makebutton')}} 
</button> 

我加ng-disabled="myForm.$invalid"將禁用按鈕時的任何輸入字段是無效的。

+0

是的。其工作與所有必需的領域。 –

+0

如何清除按鈕? –

+0

你想用乾淨的按鈕做什麼? –

相關問題