Остановить отправку формы, если все поля не заполнены

Question

Как проверить форму в угловом формате? Coz i имеет следующую форму, которая использует https://github.com/danialfarid/ng-file-upload, где требуются все поля.

Проблема в том, когда я попал в submit, он показывает подсказку, указывающую, что поле требуется, но форма отправляется. я хочу прекратить подачу, если все поля не заполнены.

И как я могу позволить пользователю выбирать только изображения из ввода профиля? сог, когда хотя я добавить ng-accept="image/*" не работает

<form enctype="multipart/form-data" method="post" > 
<input type="text" ng-model="name" required> 
<input type="text" ng-model="age" required> 
<input type="text" ng-model="title" required> 
<input type="file" name="profile_pic" ng-file-select="onFileSelect" required> 
<input type="file" name="document" ng-file-select="onFileSelect2" required> 
<input type='button' ng-click='onFormSubmit(onFileSelect,onFileSelect)' value='Submit'> 
</form> 

Угловое

angular.module('myApp', ['ngFileUpload']); 

var MyCtrl = [ '$scope', 'Upload', function($scope, Upload) { 
    $scope.onFileSelect = function(file) { 

Upload.upload({ 
    url: 'api/upload-data.php', 
    method: 'POST', 
    file: file, 
    data: { 
     'name': $scope.name, 
     'age' : $scope.age , 
     'title' : $scope.title , 


    } 
}) 

    }; 
}]; 

Answer 1

Добавить имя в форму (так что вы можете ссылаться на него), измените нг нажмите на кнопку, чтобы нг подать на сам, и изменить представить в кнопочном элемент с типом формы = «подать» + нг-инвалидами, если форма является недействительной

<form name="myForm" enctype="multipart/form-data" method="post" ng-submit="onFormSubmit(onFileSelect,onFileSelect)" > 
    <input type="text" ng-model="name" required> 
    <input type="text" ng-model="age" required> 
    <input type="text" ng-model="title" required> 
    <input type="file" name="profile_pic" ng-file-select="onFileSelect" required> 
    <input type="file" name="document" ng-file-select="onFileSelect2" required> 
    <button type="submit" ng-disabled="myForm.$invalid">Submit</button> 
</form>