停止提交表格，除非填写所有字段

Question

我如何验证表格的角度？因为我有下面的表格，其中使用https://github.com/danialfarid/ng-file-upload所有的领域是必需的。

问题是，当我点击提交它显示一个提示说该字段是必需的，但表单被提交。我想停止提交，除非填写所有字段。

而我该如何让用户只从配置文件输入中选择图像？按钮时，虽然我加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

名称添加到您的窗体（所以你可以参考它），改变你的堂妹NG-点击NG-提交表单本身，如果表单无效，则将提交更改为type =“submit”+ ng-disabled的按钮元素

<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>