AngularJSの1つの送信ボタンで2つのフォームを検証する方法は？

Question

私はAngularJSの初心者です。だから私はこの言語に少し混乱していました。

<form class="form-horizontal" ng-submit="productFormForm.$valid && submitProductForm()" novalidate="" name="productFormForm"> 
    <label for="from_id_dropdown">Templates</label> 
    <select class="form-control" name="from_id_dropdown" id="from_id_dropdown" ng-model="formData.form_id" ng-change="getDropdownOptions(formData.form_id)" ng-options="option.id as option.name for option in forms_dropdown.availableOptions" required=""> 
     <option value="">Select Template</option> 
    </select> 
    <div ng-show="productFormForm.$submitted || productFormForm.from_id_dropdown.$touched" class=""> 
     <span style="color:red;" ng-show="productFormForm.from_id_dropdown.$error.required">Template is required.</span> 
    </div> 
</form> 

<form class="form-horizontal" ng-submit="attributeForm.$valid && submitForm()" novalidate="" name="attributeForm"> 
    <label class="tooltip-demo">Label</label> 
    <input type="text" name="attribute_lebel" ng-model="attr_value.label" class="form-control" placeholder="Label Name" required=""> 
    <div ng-show="attributeForm.$submitted || attributeForm.attribute_lebel.$touched" class=""> 
     <span class="text-danger" ng-show="attributeForm.attribute_lebel.$error.required">Label is required.</span> 
    </div> 


    <button class="btn btn-w-m btn-success" type="submit">Save</button> 
</form> 

はここで2つのフォームproductFormFormとattributeFormあるしかし、一つは第二の形式で送信ボタンを：私のコードを確認してください。これらのフィールドが空白の両方のフォームを検証する必要があります。

Answer 1

あなたはJSを使用して、両方の形式を検証することができます - example

またはHTMLにあなたのボタンの後<span>を追加する - このため

<span ng-show="attributeForm.attribute_lebel.$error.required || productFormForm.from_id_dropdown.$error.required"> Form not valid</span>