Angular: Empty Fiddle

http://angularjs.org/

by Sherali Turdiyev

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
 <div ng-app="myApp">
<div  ng-controller="formController" class="container">
    <div class="row">
        <div class="col-lg-8 center-block">
            <form action="/todo" ng-click="processForm()">
                <label for="login">Login</label>
                <input ng-model="formData.login" id="login" type="text" name="" class="form-control" />
                <label for="pass">Password</label>
                <input ng-model="formData.pass" id="pass" type="password" name="" class="form-control" />
                <label for="email">Email</label>
                <input ng-model="formData.email" id="email" type="email" name="" class="form-control" />
                <input class="btn btn-primary" type="submit" value="Register now" />
            </form>
        </div>
    </div>
</div>
  </div>

JavaScript

var formApp = angular.module('myApp', []);
    formApp.controller('formController', ['$scope', '$http', function($scope, $http) {
        $scope.formData = {};
        $scope.processForm = function() {
            console.log("test");
            $http({
                method  : 'POST',
                url     : $('form').attr('action'),
                data    : $scope.formData,
                headers : { 'Content-Type': 'application/x-www-form-urlencoded' }
            })
                    .success(function(data) {
                        console.log(data);
                        if (!data.success) {
                            $scope.errorName = data.errors.name;
                            $scope.errorSuperhero = data.errors.superheroAlias;
                        } else {
                            $scope.message = data.message;
                            $scope.errorName = '';
                            $scope.errorSuperhero = '';
                        }
                    });
        };
    }]);