How can I simplify form validation?

Question

The code below seems to work pretty well for doing basic required form validation.

The form displays a red Name is required message when the field is dirty

Answer 1

Check out my angularJS form validaton on codpen link

I have showed an example how to validate required, minlength, maxlength, email, password case, confirm password match on my demo.

Here is the code:

var myApp = angular.module('myApp',[]);
myApp.controller('mainController',['$scope', function($scope) {
	
}]);
myApp.directive('validConfirmPassword', function() {
	return {
		require:'ngModel',
		link: function(scope, elem, attrs, ctrl) {
			ctrl.$parsers.unshift(function(viewValue, $scope) {
				var noMatch = viewValue != scope.myForm.password.$viewValue;
				ctrl.$setValidity('noMatch', !noMatch)
			})
		}
	}
})	

.content{ margin-top:50px;  }
.danger-text { color: red; }

      

        AngularJS Form Validation
        
          
        
    

	

		

			

				

					

		    			

							
								First Name
								
								
Please enter your first name
	
							
						
						

							
								Last Name
								
								
Please enter your last name
							
						
					
 
					

						

							Username
							
							
Please enter username
							
Username is too short
							
Username is too long
						
						

							Email
							
							
Enter a valid email address
						
					
 
					

						

							Password
							
   
Password is required
   
Passwords must be between 8 and 20 characters.
   
Must contain one lower & uppercase letter, and one non-alpha character (a number or a symbol.)
						
 
						

							Confirm Password
							
   
Please confirm your password.
   
Passwords do not match.
						
					
 
					

						

							Submit