すべてのフィールドが有効になる前に送信ボタンを無効にする方法

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