how to apply validation in AngularJS without form tag?

Question

I have a div in which I am not using the form tag and submit the form on ng-click button but how can I apply the validation of given filed in AngularJS.

<         


        

Answer 1

You may try something below,

var myValidationModule = angular.module('myApp', []);

myValidationModule.controller('AddNewvisaController', function($scope) {
  $scope.visa = {requirement : "", country : "pqrs"}
  
  //initilize to false - it will make sure the disable the submit button 
  $scope.enableSubmitButton = false;
  
  //Do the watch collection - whenever something changed, this will trigger and then do the validation as per the needs - here i validated as not empty - you can do whatever you wish and if everything is fine, then enable the button 
  $scope.$watchCollection(['requirement, country'], function(valueArray) {
    if(valueArray[0] != "" && valueArray[1] != "") {
     $scope.enableSubmitButton = true;
    } else {
      $scope.enableSubmitButton = false;
    }
  })
})

   

   
     
        abc
        xyz
        pqrs
     
   Submit 
     
 

        
热议问题