Changes for validations

Author: akashbanerjee

module1-solution/app.js

@@ -7,15 +7,32 @@
 
   function LunchCheckController($scope) {
     $scope.name = "";
-
-    $scope.check = function() {
-        var numberOfTypes = $scope.name.split(',');
-        if(numberOfTypes.length=0)
-          $scope.message = "Please enter data first";
-        else if(numberOfTypes.length<=3)
-          $scope.message = "Enjoy!";
+    $scope.messages = "";
+
+    $scope.check = function() { 
+
+      var input = $scope.name;
+       var numberOfTypes = input.split(",");
+       var numberOfItems = 0;
+       console.log(numberOfTypes.length);
+       for (var i = 0; i < numberOfTypes.length; i++) {
+           if (numberOfTypes[i].trim() != "") {
+               numberOfItems ++;
+           }
+       }
+         
+        if(input.trim() == 0)
+        {
+          $scope.messages = "Please enter data first";
+        }
+        else if(numberOfItems <= 3)
+        {
+          $scope.messages = "Enjoy!";
+        }
         else
-          $scope.message = "Too much!";
+        {
+          $scope.messages = "Too much!";
+        }
     };
 
   };

module1-solution/index.html

@@ -21,10 +21,10 @@ <h1>Lunch Checker</h1>
              ng-model = "name">
          </div>
          <div class="form-group">
-             <button class="btn btn-default" ng-click="check">Check If Too Much</button>
+             <button class="btn btn-default" ng-click="check();">Check If Too Much</button>
          </div>
-         <div class="form-group message" ng-bind="message">
-           <!-- Your message can go here. -->
+         <div class="form-group message">
+           {{messages}}
          </div>
       </div>
    </div>