Skip to content

Instantly share code, notes, and snippets.

@gs-ysingh
Created June 23, 2015 17:32
Show Gist options
  • Save gs-ysingh/5e963e9da799dff49f3e to your computer and use it in GitHub Desktop.
Save gs-ysingh/5e963e9da799dff49f3e to your computer and use it in GitHub Desktop.
<script src = "scripts/form.js"></script>
<div class="container" ng-app="formApp" ng-controller="formController">
<div class="col-md-6 col-md-offset-3">
<!-- PAGE TITLE -->
<div class="page-header">
<h1><span class="glyphicon glyphicon-tower" style="font-size:20px"></span><span style="font-size:20px; margin-left:10px;">Send a direct e-mail to us</span></h1>
</div>
<!-- SHOW ERROR/SUCCESS MESSAGES -->
<div id="messages" class="well" ng-show="message"></div>
<!-- FORM -->
<form ng-submit="processForm()">
<!-- NAME -->
<div id="name-group" class="form-group" ng-class="{ 'has-error' : errorName }">
<label>Name</label>
<input type="text" name="name" class="form-control" placeholder="Batman" ng-model="formData.name">
<span class="help-block" ng-show="errorName"></span>
</div>
<div id="superhero-group" class="form-group" ng-class="{ 'has-error' : errorSuperhero }">
<label>Email</label>
<input type="email" name="superheroAlias" class="form-control" placeholder="brucewayne@batman.com" ng-model="formData.superheroAlias">
<span class="help-block" ng-show="errorSuperhero"></span>
</div>
<div id="content-group" class="form-group" ng-class="{ 'has-error' : errorContent }">
<label>Message</label>
<textarea rows="5" cols="50" class="form-control" placeholder="I am batman" ng-model="formData.content"></textarea>
<span class="help-block" ng-show="errorContent"></span>
</div>
<button type="submit" class="btn btn-success btn-lg btn-block">
<span class="glyphicon glyphicon-flash"></span> Submit!
</button>
</form>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment