如何在所有字段有效之前禁用提交按钮

Question

目前，我知道如何为每个字段设置验证。

但我不知道如何在所有字段有效之前禁用提交按钮。

一旦所有字段都有效，启用提交按钮。

<div class="form-group"> 
    <label>Name</label> 
    <span ng-messages="form.name.$error" class="alert"> 
     <span ng-message="required">{{I18n.t("required_field_could_not_be_empty")}}</span> 
    </span> 
    <input type="text" class="form-control" ng-model="payment_contact.name" required="required" name="name"> 
</div> 

.... 

    <label>Email</label> 
    <span ng-class="{'alert':form.email_booking.$error.email}" ng-show="form.email_booking.$error.email" > 
    {{I18n.t("invalid_format")}} 
    </span> 
    <input type="email" id="email_booking" name="email_booking" class="form-control" ng-model="payment_contact.email"> 
</div>        

<a ng-click="place_order()" class="btn_1 green medium">Book now</a> 

Answer 1

既然你已经形式有一个名称（形式）只需添加ng-disabled="form.$invalid"到您的按钮（链接？）。

Answer 2

使用ng-submit指令

这将只允许你提交如果表单是有效的。

https://docs.angularjs.org/api/ng/directive/ngSubmit