Hello
everyone, I am going to share the
code-sample to validate a check-box when click on any submit form button in angularjs
apps.
In the given angular check-box, by default ng-model value is false and after checked to check-box get
the ng-model value is true. The behalf of the value true/false we are display
the error messages on the form.
The example detail
as given below.
The AngularJs
code-sample
var app =
angular.module('validateApp',
[]);
app.controller('validateController', function ($scope) {
$scope.checkoutTerms = false;//Default
//Click function
$scope.myClick = function (checkoutTerms) {
alert('checkbox is validate : ' + checkoutTerms);
};
});
The HTML
code-sample
<div ng-app="validateApp">
<div ng-controller="validateController">
<h1>Validate checkbox on
ng click</h1>
<input type="checkbox" ng-model="checkoutTerms">
<button ng-click="myClick(checkoutTerms)">Click</button>
</div>
</div>
The Full live demo(HTML
+ AngularJs) code-sample as given below.
<!doctype html>
<html>
<head>
<script src="http://code.angularjs.org/1.2.3/angular.min.js"></script>
<script>
var app =
angular.module('validateApp',
[]);
app.controller('validateController', function ($scope) {
$scope.checkoutTerms = false;//Default
//Click function
$scope.myClick = function (checkoutTerms) {
alert('checkbox is
validate : '
+ checkoutTerms);
};
});
</script>
</head>
<body ng-app="validateApp">
<div ng-controller="validateController">
<h1>Validate checkbox on
ng click</h1>
<input type="checkbox" ng-model="checkoutTerms">
<button ng-click="myClick(checkoutTerms)">Click</button>
</div>
</body>
</html>
The output: to go
live demo http://embed.plnkr.co/HuaZRa/preview
|
Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
|