<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<section id="contact" ng-app="app">
<div class="container-fluid" ng-controller="appController">
<div class="row">
<div class="col-sm-3 col-sm-offset-1">
<h2 class="top-title">Angular Validation</h2>
</div>
</div>
<div class="row">
<form id="kontakt-form" class="form-group" name="myForm" method="post" action="sendemail.php">
<div class="col-sm-3 col-sm-offset-1">
<div class="form-group">
<div class="inner-addon right-addon">
<i class="glyphicon glyphicon-ok" ng-show="myForm.text.$valid"></i>
<i class="glyphicon glyphicon-remove" ng-show="myForm.text.$invalid && !myForm.text.$pristine"></i>
<input placeholder="Name" type="text"
name="text" ng-model="text" class="form-control" ng-model-options="{updateOn:'blur'}"
required data-toggle="tooltip" data-placement="top" title="Name"/>
</div>
<div style="display:none;" class="error-message bg-danger" ng-show="myForm.text.$invalid && !myForm.text.$pristine">
<div class="arrow"></div>
<span ng-show="myForm.text.$invalid">Name is required.</span><br>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<div class="inner-addon right-addon">
<i class="glyphicon glyphicon-ok" ng-show="myForm.email.$valid"></i>