Validation for file upload in angularjs

Question

Hi I am developing web application in angularjs. I am developing file upload module. I have one form and inside form i have file upload control. On clicking on submit(submitting form) if the file is not uploaded then i want to make file control as red. i have designed css class to make file control red.

 <div class="upload-button bank button1" ng-class="{'has-error': 
      vm.hasFileInputError(myFileID) }">
       <div class="upload-button-icon" >
             <span class="text">{{ 'ID' | translate }}</span>
                    <input type="file" file-modelsr="myFileID" />
       </div>
   </div>

I am writing validation rule in javascript.

 $scope.vm = {};
            function hasFileInputError(myFileID) {
                return this.form2.$submitted && this.form2.myFileID.$invalid ||
                  form2.myFileID.$invalid && form2.myFileID.$dirty;
            }

On clicking on submit button if file has not uploaded then i want to make file control as red. This is not happening. I am trying to figure out this issue but nothing worked out. May i get some help to fix this? Thank you.

Ramesh Rajendran · Accepted Answer · 2017-08-11 04:51:13Z

1

You have pass your myFileID to function. then why you need $form validation? Because if any other fields are not valid then the form.&dirty always return false.

So better to change your method be like

vm.hasFileInputError = function (myFileID) {
                return myFileID == undefined || myFileID == '' ? true : false
            }

EDIT:

And you should read this discussion : AngularJS - Why use "Controller as vm"?

edited Aug 11, 2017 at 4:51

answered Aug 11, 2017 at 4:40

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Niranjan Godbole Over a year ago

I changed as abobe and got vm is not defined error.

Ramesh Rajendran Over a year ago

You could define vm = this;

Ramesh Rajendran Over a year ago

You should read this discussion : stackoverflow.com/questions/22285597/…

Collectives™ on Stack Overflow

Validation for file upload in angularjs

1 Answer 1

EDIT:

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

EDIT:

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related