AngularJS Example:
by Andrey Zenkov
HTML
<div ng-controller="MyCtrl">
<form action="" class="ng-pristine ng-valid" id="contact" method="post" name="contact" ng-submit="submit()"
novalidate="novalidate">
<div id="contact">
<input id="contact_id" name="contact_id" type="hidden">
<div>
<label class="required" for="contact_firstName">First
name</label><input id="contact_firstName" name=
"contact_firstName" required="required" type="text">
</div>
<div>
<label class="required" for="contact_lastName">Last
name</label><input id="contact_lastName" name=
"contact_lastName" required="required" type="text">
</div>
<div>
<label class="required" for="contact_emailAddress">Email
address</label><input id="contact_emailAddress" name=
"contact_emailAddress" required="required" type="email">
</div>
<div>
<label for="contact_colleague">Colleague</label><input id=
"contact_colleague" name="contact_colleague" type="checkbox"
value="1">
</div>
<div>
<label class="required">Sex</label>
<div id="contact_sex">
<input id="contact_sex_0" name="contact_sex" required="required" type="radio" value="M">
<label class="required"
for="contact_sex_0">Male</label>
<input id="contact_sex_1"
name="contact[sex]" required="required" type="radio" value=
"F">
<label class="required" for=
"contact_sex_1">Female</label>
</div>
</div>
<div>
<label class="required" for=
"contact_city">City</label><select id="contact_city" name=
...
CSS
</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
<style>
.done-true {
text-decoration: line-through;
color: grey;
}
JavaScript
angular.module('todoApp', [])
.controller('MyCtrl', ['$scope', function($scope) {
$scope.submit = function (){
alert(1);
}
}]);