валидация поля загрузки файла

[cyklop77]

помогите пожалуйста доработать валидацию формы

 

здесь поле загрузки файла необязательное. но если пользователь всё таки загружает файл, то он проверяется(формат и максимальный размер в байтах). в результате проверки выводятся сообщения-подсказки. вывод сообщений-подсказок я реализовал, но они никак не связаны с отключением возможности отправить невалидную форму

 

хотелось бы чтобы форма отправлялась после клика по submit при пустом поле загрузки файла.

форма не отправлялась после клика на submit если на экране есть сообщения об ошибочном заполнении поля загрузки файла(несоответствующие размер файла и формат файла)

var app = angular.module('showApp', []);app.controller('MainCtrl', function($scope) {  $scope.name = 'World';});app.directive('checkFileSize', function() {  return {    link: function(scope, elem, attr, ctrl) {      function bindEvent(element, type, handler) {        if (element.addEventListener) {          element.addEventListener(type, handler, false);        } else {          element.attachEvent('on' + type, handler);        }      }      bindEvent(elem[0], 'change', function() {        // check filesize        if(this.files[0]){	        if(this.files[0].size > 134217728){	        	angular.element(document.querySelector('#fileSizeError')).css({	        		'display': 'inline'	        	});	        }else{	        	angular.element(document.querySelector('#fileSizeError')).css({	        		'display': 'none'	        	});	        }	        // check fileformat			var	a = this.files[0].name.split('.'); 			var ext = a[a.length-1]; 	        if(ext == 'txt' || ext == 'pdf' || ext == 'doc' || ext == 'docx' || ext == 'jpg' || ext == 'png' || ext == 'jpeg' || ext == 'flac'){	        	angular.element(document.querySelector('#fileFormatError')).css({	        		'display': 'none'	        	});	        }else{	        	angular.element(document.querySelector('#fileFormatError')).css({	        		'display': 'inline'	        	});	        }        }else{        	angular.element(document.querySelector('#fileFormatError')).css({        		'display': 'none'        	});        	angular.element(document.querySelector('#fileSizeError')).css({        		'display': 'none'        	});          }      });    }  }});

[nerv]

ну ты наколбасил колбасу =)

http://habrahabr.ru/post/167793/

https://code.angularjs.org/1.2.18/docs/api/ng/type/ngModel.NgModelController#$setValidity

http://jsfiddle.net/Sc7C3/39/

максимальный размер файла поставил 3 мб (1024*1024*3)

дальше сам

angular    .module('showApp', [])    .directive('fileCheck', function() {      return {        require: 'ngModel',        link: function(scope, element, attributes, ngModelController) {            var maxFileSize = Number(attributes.maxFileSize) || Number.MAX_VALUE;            element.bind('change', function() {                var file = this.files[0];                ngModelController.$setValidity('size', file.size <= maxFileSize);                console.log(ngModelController);                scope.$apply();            });        }      };    })    .run([        '$rootScope',        function($scope) {            $scope.submit=function(){                alert(angular.toJson($scope.brief_form_new));            }        }    ])

песочница глючит ппц...