Captcha in your forms with AngularJS

¿How to use?

Create new view file and add the next code

```html <title>Captcha in Angular</title> <style type="text/css"> .captcha p{ display: inline; width: 20px; padding: 20px; } .resultado{ margin-left: -30px; margin-bottom: 20px; } </style> Captcha con angularjs

Email

Password

			<div class="large-2 columns captcha">
				<!--add captcha to form-->
				<captcha field1="{{field1}}" operator="{{operator}}" field2="{{field2}}"></captcha>
			</div>
			<div class="large-1 columns resultado">
				<!--campoo que hace de respuesta a nuestro captcha-->
				<input ng-model="resultado" size="1" required />
			</div>

			<button type="submit" ng-disabled="!loginUserForm.$valid" ng-click="login(user)" class="button expand round">
				Login
			</button>
		</div>

	</fieldset>
</form>
<!--load js files angularjs, captcha.js and app.js-->
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="captcha.js"></script>
<script type="text/javascript" src="app.js"></script>

```

Check if is correctly

```js //inject the captcha factory our module var app = angular.module("app", ["udpCaptcha"]);

//inject the captcha factory our controller app.controller("homeController", function($scope, $captcha) { //create a function, for example to make a login form //and check if the captcha passes validation $scope.login = function(user) { //correct if($captcha.checkResult($scope.resultado) == true) { alert("Correct"); } //error captcha else { alert("Error"); } } });

## Visit me

* [Visit me](http://uno-de-piera.com)