in html
<div id="home" class="span10" ></div>
<div id="windowTitle" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="windowTitleLabel" aria-hidden="true"></div>
in mustache
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h2 class="form-signin-heading" id="windowTitleLabel">Welcome, {{firstname}}</h2>
<p>
Please fill out all the following information to complete the setup for your Mobicentrix profile.
</p>
</div>
<div class="modal-body">
<form class="form-horizontal" id="register">
<fieldset>
<div class="control-group">
<label class="control-label" for="email">E-mail</label>
<div class="controls">
<input type="email" id="email" name="email" placeholder="@email.com" value="{{email}}" required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="password"> New Password</label>
<div class="controls">
<input type="password" id="password" name="password" placeholder="password" required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="dob">Date of Birth</label>
<div class="controls">
<input type="text" id="dob" name="dob" placeholder="DOB" required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="address">Address line 1</label>
<div class="controls">
<textarea rows="2" id="addressline1" name="addressline1"> </textarea>
</div>
</div>
<div class="control-group">
<label class="control-label" for="address">Address line 2</label>
<div class="controls">
<textarea rows="2" id="addressline2" name="addressline2"> </textarea>
</div>
</div>
<div class="control-group">
<label class="control-label" for="city">City</label>
<div class="controls">
<select id="city" name="">
<option>Atlanta</option>
<option>Dallas</option>
<option>jersey city </option>
<option>Tampa</option>
<option>NYC</option>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="state">State</label>
<div class="controls">
<select id="state" name="state">
<option> Georgia</option>
<option>Texas</option>
<option>New Jersey </option>
<option>Florida</option>
<option> New York</option>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="zipcode">ZipCode </label>
<div class="controls">
<input type="text" id="zipcode" name="zipcode" placeholder="zipcode" required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="password">Phone Number</label>
<div class="controls">
<input type="tel" id="tel" name="tel" placeholder="(xxx)xxx-xxx" required>
</div>
</div>
<div class="control-group">
<label class="control-label" for="password">SSN</label>
<div class="controls">
<input type="tel" id="pan" name="pan" placeholder="xxx-xx-xxxx" required>
</div>
</div>
</fieldset>
</form>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true" type="button" >
Close
</button>
<button class="btn btn-primary" type="button" id="createButton">
Create Profile
</button>
</div>
<!-- /container -->
cotroller
'#createButton click' : function(el, ev) {
if (getdashboardFormValidater().form()) {
var formParams = $('#register').formParams();
var data = $.toJSON(formparmas);
demoModel.creatProfile(formParams, this.cnsltPage);
}
},
these are the things i have written in html and mnustachu and controller