AngularJS Form Validation - Forcing Validation on Submit
An example of how to force AngularJS to validate after submitting... or at least look like it!
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<form class="form-horizontal" ng-submit="log_me()" ng-app ng-controller="loginController">
<fieldset>
<div class="form-group">
<input type="text"
class="form-control input-lg input-round text-center"
placeholder="Username"
ng-model="uservals">
</div>
<div class="form-group">
<input type="password"
class="form-control input-lg input-round text-center"
placeholder="Password"
ng-model="passvals">
</div>
<div class="form-group">
<input type="submit" class="btn btn-primary btn-lg btn-round btn-block text-center" value="Log in"/>
</div>
</fieldset>
</form>
JavaScript
var myApp = angular.module('myAppModule', []);
myApp.controller('loginController', function($scope) {
var mysession = '';
$scope.sess_id = mysession;
var token = $cookieStore.get('token');
var conId = $cookieStore.get('Cont_Id');
var exId = $cookieStore.get('ex_Id');
$scope.log_me = function() {
$scope.login_me = [];
var login_un = $scope.uservals;
var login_pwd = $scope.passvals;
var logs_me = "http://www.vb.com/login.html?username=" + login_un + "&password=" + login_pwd;
$http.get(logs_me)
.success(function(response) {
$cookieStore.put('token', response.token);
$cookieStore.put('ex_Id', response.ExId);
$cookieStore.put('Cont_Id', response.contactId);
$cookieStore.put('email', response.email);
$cookieStore.put('name', response.name);
mysession = response.ss_id;
if (response.status == "failure") {
$('.login_error').show();
$('.login_error').html('Invalid username or password');
$('.login_error').delay(4000).fadeOut();
$('.loading').hide();
} else {
$('.page-signin').hide();
$('.signin-header').hide();
$location.path('/dashboard');
}
});
}
});