AngularJS check if form is valid in controller

Question

I need to check if a form is valid in a controller   View    lt form novalidate          name  createBusinessForm        ng-submit  setBusinessInformation          class  css-form  gt    lt  -- fields -- gt   lt  form gt    In my controller    controller       BusinessCtrl       function   scope   http   location  Business  BusinessService                 UserService  Photo                 if   scope createBusinessForm  valid                 scope informationStatus   true                           I m getting this error   TypeError  Cannot read property   valid  of undefined

User · Accepted Answer

I have updated the controller to    controller  BusinessCtrl       function   scope   http   location  Business  BusinessService  UserService  Photo             scope  watch  createBusinessForm  valid   function newVal                   scope valid   newVal               scope informationStatus   true

User · Answer

The BusinessCtrl is initialised before the createBusinessForm s FormController  Even if you have the ngController on the form won t work the way you wanted  You can t help this  you can create your ngControllerDirective  and try to trick the priority   this is how angularjs works   See this plnkr for example  http   plnkr co edit WYyu3raWQHkJ7XQzpDtY p preview

User · Answer

Try this  in view    lt form name  formName  ng-submit  submitForm formName   gt    lt  -- fields -- gt   lt  form gt    in controller    scope submitForm   function form     if form  valid          Code here if valid          or    in view    lt form name  formName  ng-submit  submitForm formName  valid   gt     lt  -- fields -- gt   lt  form gt    in controller    scope submitForm   function formValid     if formValid           Code here if valid

User · Answer

Here is another solution  Set a hidden scope variable in your html then you can use it from your controller    lt span style  display none   gt    formValid   myForm  valid   lt  span gt    Here is the full working example   x000D   x000D  angular module  App       x000D   controller  myController   function  scope    x000D     scope userType    guest   x000D     scope formValid   false  x000D    console info  Ctrl init  no form     x000D     x000D     scope  watch  myForm   function     x000D      console info  myForm watch    x000D      console log  scope formValid   x000D        x000D     x000D     scope isFormValid   function     x000D        test the new scope variable x000D      console log  form valid       scope formValid   x000D       x000D      x000D   lt  doctype html gt  x000D   lt html ng-app  App  gt  x000D   lt head gt  x000D    lt script type  text javascript  src  http   ajax googleapis com ajax libs angularjs 1 2 1 angular min js  gt  lt  script gt  x000D   lt  head gt  x000D   lt body gt  x000D   x000D   lt form name  myForm  ng-controller  myController  gt  x000D    userType   lt input name  input  ng-model  userType  required gt  x000D     lt span class  error  ng-show  myForm input  error required  gt Required  lt  span gt  lt br gt  x000D     lt tt gt userType     userType   lt  tt gt  lt br gt  x000D     lt tt gt myForm input  valid     myForm input  valid   lt  tt gt  lt br gt  x000D     lt tt gt myForm input  error     myForm input  error   lt  tt gt  lt br gt  x000D     lt tt gt myForm  valid     myForm  valid   lt  tt gt  lt br gt  x000D     lt tt gt myForm  error required       myForm  error required   lt  tt gt  lt br gt  x000D     x000D     x000D      -- Hidden Variable formValid to use in your controller --   x000D     lt span style  display none   gt    formValid   myForm  valid   lt  span gt  x000D     x000D     x000D     lt br  gt  x000D     lt button ng-click  isFormValid    gt Check Valid lt  button gt  x000D    lt  form gt  x000D   lt  body gt  x000D   lt  html gt  x000D   x000D   x000D

[angularjs] AngularJS check if form is valid in controller

Examples related to angularjs