Update validation on new application form to skip the save button

js/components/forms/new_application.js

@@ -112,13 +112,16 @@ export default {
     validateAndOpenModal: function() {
       let isValid = this.$children.reduce((previous, newVal) => {
         // display textInput error if it is not valid
+        if (newVal.$options.name == 'savebutton') {
+          return true
+        } else {
           if (!newVal.showValid) {
             newVal.showError = true
           }
 
           return newVal.showValid && previous
+        }
       }, true)
-
       this.validate()
       isValid = this.errors.length == 0 && isValid
 

templates/portfolios/applications/new.html

@@ -76,7 +76,10 @@
       </div>
 
       <div class="action-group">
-        <button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.create_button_text' | translate }}</button>
+        <savebutton
+          text="{{ 'portfolios.applications.create_button_text' | translate }}"
+          :disabled="disabled">
+        </savebutton>
       </div>
     </form>
   </new-application>