Как отключить кнопку, только если есть ошибка

Question

<td> 
    <div> 
    <ng-form name="mrpForm"> 
     <input type="number" min="1" name="mrp" step="any" ng-model="sku.mrp" style="width:80px;"/required> 
     <span style="color:red;" ng-if="(mrpForm.mrp.$error.min)">Must be greater than zero</span> 
    </ng-form> 
    </div> 
</td> 
<td> 
    <ng-form name="packQtyform"> 
    <input type="number" name="skupackQty" min="2" max="100" ng-model="sku.packQty" style="width:100px;" /> 
    <span style="color:red;" ng-if="(packQtyform.skupackQty.$error.min)">Must be greater than 1</span> 
    <span style="color:red;" ng-if="(packQtyform.skupackQty.$error.max)">Maximum 100</span> 
    </ng-form> 
</td> 
<td> 
    <button class="col-md-12 col-sm-12 col-xs-12 btn btn-sm blue" ng-disable="!sku.mrp" 
ng-click="addsku(sku);>Save</button> 
</td> 

поле ввода В приведенном выше коде, я хочу сделать кнопку сохранить отключить, только если значение sku.packQty ошибка и если sku.mrp пустой, sku.packQty может быть пустым, но это не должно быть ошибкой. Если кнопка сохранения сообщения об ошибке должна быть отключена.

Answer 1

Вы можете использовать form-name.$invalid для этого.

<button class="col-md-12 col-sm-12 col-xs-12 btn btn-sm blue" ng-disable="!sku.mrp || mrpForm.$invalid || packQtyform.$invalid" 
ng-click="addsku(sku);>Save</button> 

Я не мог понять, что условия проверки, но $invalid будет делать.

Answer 2

Я хотел бы создать функцию, как:

$scope.valid_form() { 
    //here are all the terms, return false if something is wrong 
    return true; 
} 

А потом, в моей кнопки HTML я просто скажу:

ng-disabled="!valid_form()"