<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>AngularJS form validation</title>
<link data-require="bootstrap-css" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
<link href="style.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="myApp">
<h3>AngularJS form validation without <code><form></code> tag</h3>
<div ng-controller="formCtrl">
<div class="form-group" ng-form="subForm">
<label class="col-sm-2 control-label" ng-bind-html="question.label"></label>
<div class="col-sm-4" ng-class="{'has-error':subForm.name.$error.required && !subForm.name.$pristine}">
<input type="text" name="name" ng-model="name" class="form-control" required />
<p ng-show="subForm.name.$error.required && !subForm.name.$pristine" class="help-block">This field is required.</p>
</div>
</div>
<pre>$scope.name = {{ name }} </pre>
</div>
</body>
</html>
// Add your javascript here
angular.module('myApp',[])
.controller('formCtrl',function($scope){
$scope.name='';
});
/* Put your css in here */