i have rest

Question

 I have two button controls  CreatNew   and Add if i click on add button  without entering the data the all validation messages should be displayed  next to textbox  and if i click on CreateNew button the warning  messages should not be displayed 

how to do this in mvc  

 

 

 

 

 

  

Answer 1

$scope.countries = [{ 
     "name": "USA", 
     "id": 1 
   },{ 
     "name": "Canada", "id": 2 
}];


$scope.states = [{ 
       "name": "Alabama", 
       "id": 1, 
       "countryId": 1 
    }, {
       "name": "Alaska",
       "id": 2, 
       "countryId": 1 
    }, { 
       "name": "Arizona", 
       "id": 3, 
       "countryId": 1 
    }, { 
       "name": "Alberta", 
       "id": 4, 
       "countryId": 2 
    }, { 
       "name": "British columbia", 
       "id": 5, 
       "countryId": 2 
}];



<select data-ng-model="country" data-ng-options="country.name for country in countries" data-ng-change="updateCountry()"> 
<option value="">Select country</option> 
</select> 

<select data-ng-model="state" data-ng-options="state.name for state in availableStates"> 
<option value="">Select state</option> 
</select>


$scope.updateCountry = function(){   
$scope.availableStates = [];    
angular.forEach($scope.states, function(value){ 
if(value.countryId == $scope.country.id){       
$scope.availableStates.push(value); 
} 
}); 
}
Here is a working plunk for you.