Using setValidity inside a Controller

Question

I am trying to do some validation on file change  Here is my code   View Template   lt input type  file  name  file  id  file           onchange  angular element this  scope   setFile this           required   gt    lt span class  error  ng-show  myForm file  error required  gt Error lt  span gt   lt span class  error  ng-show  myForm file  error size  gt Selected file is too large lt  span gt   lt span class  error  ng-show  myForm file  error filetype  gt Unsupported File type lt  span gt    Controller  angular module  myapp   controller  myctrl   function  scope       scope setFile   function element         scope  apply function  scope          var fileObject   element files 0          scope file fileType             fileObject type toUpperCase   substring fileObject type indexOf        1             Validation       if    scope isValidFileType  scope file fileType             myForm file  setValidity  myForm file  error filetype   false                  if  fileObject size  gt  1000 1000 10            myForm file  setValidity  myForm file  error size   false                            scope isValidFileType   function fileExtension        var supportedExtensions     doc    docx    ppt    pptx    jpg    gif    png       etc      return  jQuery inArray fileExtension  supportedExtensions   gt  -1             But right now the call to  setValidity is not working  Any thoughts

User · Answer

setValidity needs to be called on the ngModelController   Inside the controller  I think that means  scope myForm file  setValidity       See also section  Custom Validation  on the Forms page  if you haven t already     Also  for the first argument to  setValidity  use just  filetype  and  size

User · Answer

A better and optimised solution to display multiple validation messages for a single element would be like this    lt div ng-messages  myForm file  error  ng-show  myForm file  touched  gt    lt span class  error  ng-message  required  gt   lt your message gt   lt  span gt    lt span class  error  ng-message  size  gt   lt your message gt   lt  span gt    lt span class  error  ng-message  filetype  gt   lt your message gt   lt  span gt   lt  div gt    Controller Code should be the one suggested by   Ben Lesh

User · Answer

This line   myForm file  setValidity  myForm file  error size   false     Should be   scope myForm file  setValidity  size   false

[javascript] Using $setValidity inside a Controller

Examples related to javascript

Examples related to angularjs

Examples related to angularjs-controller

Examples related to angularjs-forms