Skip to content

Instantly share code, notes, and snippets.

@chanced

chanced/account_form.jade

Created October 19, 2011 17:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chanced/1299118 to your computer and use it in GitHub Desktop.
Save chanced/1299118 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
account_form.jade
fieldset#account
legend Account Settings
ul
li#email
label
| Email
span.required *
input(type='text', name='account[email]')
li#password
label
| Password
span.required *
input(type='text', name='account[password]')
span.tip Password must be at least 5 characters long and contain at least 1 number
li#confirm_password
| Confirm Password
input(type='text', name='account[confirm_password]')
span.tip Retype your password
Raw
address_form.jade
li
ul
- var inputName = 'agency[addresses]['+ indexInCollection + ']';
li.name
label(for = inputName + '[name]')
| Name
input(type = "text", name = inputName + "[name]", value = address.name)
li.street1.street
label(for = inputName + '[street1]')
| Address
input(type = "text", name = inputName + '[street1]', value = address.street1)
li.street1.street
label(for = inputName + '[street2]')
|Apt/Suite
input(type= "text", name = inputName + "[street2]", value= address.street2)
li.city
label(for=inputName + '[city]')
| City
input(type = "text", name = inputName + "[city]", value= address.city)
li.state
label(for = inputName + '[state]')
| State
select( name = inputName + "[state]")
option(value= '', selected= address.state == '')
option(value= 'ca', selected= address.state == 'ca') California
option(value= 'sc', selected= address.state== 'sc') South Carolina
li.zip
label(for = inputName + '[zip]')
| Zip
input(type= "text", name= inputName + "[zip]", value= address.zip)
Raw
output.html
<!DOCTYPE html><head><meta charset="utf-8"><title>=title
</title><meta content="" name="description"><meta content="" name="author"><meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"><link href="/public/stylesheets/style.css" rel="stylesheet"><script src="/public/javascripts/modernizr-1.5.min.js"></script></head><body><div id="container"><header><h1>NOKR</h1><menu><li><a href="/agencies/new/">Agency Registration</a></li></menu></header><div id="main"><h2>Agency Registration</h2><form method="post" action="/registrants"><input type="hidden" name="csrf" value="csrf"/><fieldset id="account"><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset></fieldset><fieldset id="personal"><legend>Personal Information </legend><ul><li class="firstName name"><label>First Name
<span class="required">*</span><input type="text" name="person[name][first]"/></label></li><li class="lastName name"><label>Last Name
<span class="required">*</span><input type="text" name="person[name][last]"/></label></li><li class="middleName name"><label>Middle Name
<input type="text" name="person[name][middle]"/></label></li><li class="gender"><label>Gender
<select name="person[gender]"><option value="">Select..</option><option value="female">Female </option><option value="male">Male </option></select></label></li></ul></fieldset><fieldset id="addresses"><legend>Addresses</legend><ul><li><ul><li class="name"><label for="agency[addresses][0][name]">Name
<input type="text" name="agency[addresses][0][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][0][street1]">Address
<input type="text" name="agency[addresses][0][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][0][street2]">Apt/Suite
<input type="text" name="agency[addresses][0][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][0][city]">City
<input type="text" name="agency[addresses][0][city]" value=""/></label></li><li class="state"><label for="agency[addresses][0][state]">State
<select name="agency[addresses][0][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][0][zip]">Zip
<input type="text" name="agency[addresses][0][zip]" value=""/></label></li></ul></li><li><ul><li class="name"><label for="agency[addresses][1][name]">Name
<input type="text" name="agency[addresses][1][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][1][street1]">Address
<input type="text" name="agency[addresses][1][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][1][street2]">Apt/Suite
<input type="text" name="agency[addresses][1][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][1][city]">City
<input type="text" name="agency[addresses][1][city]" value=""/></label></li><li class="state"><label for="agency[addresses][1][state]">State
<select name="agency[addresses][1][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][1][zip]">Zip
<input type="text" name="agency[addresses][1][zip]" value=""/></label></li></ul></li><li><ul><li class="name"><label for="agency[addresses][2][name]">Name
<input type="text" name="agency[addresses][2][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][2][street1]">Address
<input type="text" name="agency[addresses][2][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][2][street2]">Apt/Suite
<input type="text" name="agency[addresses][2][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][2][city]">City
<input type="text" name="agency[addresses][2][city]" value=""/></label></li><li class="state"><label for="agency[addresses][2][state]">State
<select name="agency[addresses][2][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][2][zip]">Zip
<input type="text" name="agency[addresses][2][zip]" value=""/></label></li></ul></li></ul></fieldset><fieldset id="dependents"><ul></ul></fieldset><input type="hidden" name="csrf" value="csrf"/><fieldset id="account"><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset></fieldset><fieldset id="personal"><legend>Personal Information </legend><ul><li class="firstName name"><label>First Name
<span class="required">*</span><input type="text" name="person[name][first]"/></label></li><li class="lastName name"><label>Last Name
<span class="required">*</span><input type="text" name="person[name][last]"/></label></li><li class="middleName name"><label>Middle Name
<input type="text" name="person[name][middle]"/></label></li><li class="gender"><label>Gender
<select name="person[gender]"><option value="">Select..</option><option value="female">Female </option><option value="male">Male </option></select></label></li></ul></fieldset><fieldset id="addresses"><legend>Addresses</legend><ul><li><ul><li class="name"><label for="agency[addresses][0][name]">Name
<input type="text" name="agency[addresses][0][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][0][street1]">Address
<input type="text" name="agency[addresses][0][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][0][street2]">Apt/Suite
<input type="text" name="agency[addresses][0][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][0][city]">City
<input type="text" name="agency[addresses][0][city]" value=""/></label></li><li class="state"><label for="agency[addresses][0][state]">State
<select name="agency[addresses][0][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][0][zip]">Zip
<input type="text" name="agency[addresses][0][zip]" value=""/></label></li></ul></li><li><ul><li class="name"><label for="agency[addresses][1][name]">Name
<input type="text" name="agency[addresses][1][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][1][street1]">Address
<input type="text" name="agency[addresses][1][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][1][street2]">Apt/Suite
<input type="text" name="agency[addresses][1][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][1][city]">City
<input type="text" name="agency[addresses][1][city]" value=""/></label></li><li class="state"><label for="agency[addresses][1][state]">State
<select name="agency[addresses][1][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][1][zip]">Zip
<input type="text" name="agency[addresses][1][zip]" value=""/></label></li></ul></li><li><ul><li class="name"><label for="agency[addresses][2][name]">Name
<input type="text" name="agency[addresses][2][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][2][street1]">Address
<input type="text" name="agency[addresses][2][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][2][street2]">Apt/Suite
<input type="text" name="agency[addresses][2][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][2][city]">City
<input type="text" name="agency[addresses][2][city]" value=""/></label></li><li class="state"><label for="agency[addresses][2][state]">State
<select name="agency[addresses][2][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][2][zip]">Zip
<input type="text" name="agency[addresses][2][zip]" value=""/></label></li></ul></li></ul></fieldset><fieldset id="dependents"><ul></ul></fieldset><input type="hidden" name="csrf" value="csrf"/><fieldset id="account"><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset></fieldset><fieldset id="personal"><legend>Personal Information </legend><ul><li class="firstName name"><label>First Name
<span class="required">*</span><input type="text" name="person[name][first]"/></label></li><li class="lastName name"><label>Last Name
<span class="required">*</span><input type="text" name="person[name][last]"/></label></li><li class="middleName name"><label>Middle Name
<input type="text" name="person[name][middle]"/></label></li><li class="gender"><label>Gender
<select name="person[gender]"><option value="">Select..</option><option value="female">Female </option><option value="male">Male </option></select></label></li></ul></fieldset><fieldset id="addresses"><legend>Addresses</legend><ul><li><ul><li class="name"><label for="agency[addresses][0][name]">Name
<input type="text" name="agency[addresses][0][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][0][street1]">Address
<input type="text" name="agency[addresses][0][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][0][street2]">Apt/Suite
<input type="text" name="agency[addresses][0][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][0][city]">City
<input type="text" name="agency[addresses][0][city]" value=""/></label></li><li class="state"><label for="agency[addresses][0][state]">State
<select name="agency[addresses][0][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][0][zip]">Zip
<input type="text" name="agency[addresses][0][zip]" value=""/></label></li></ul></li><li><ul><li class="name"><label for="agency[addresses][1][name]">Name
<input type="text" name="agency[addresses][1][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][1][street1]">Address
<input type="text" name="agency[addresses][1][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][1][street2]">Apt/Suite
<input type="text" name="agency[addresses][1][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][1][city]">City
<input type="text" name="agency[addresses][1][city]" value=""/></label></li><li class="state"><label for="agency[addresses][1][state]">State
<select name="agency[addresses][1][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][1][zip]">Zip
<input type="text" name="agency[addresses][1][zip]" value=""/></label></li></ul></li><li><ul><li class="name"><label for="agency[addresses][2][name]">Name
<input type="text" name="agency[addresses][2][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][2][street1]">Address
<input type="text" name="agency[addresses][2][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][2][street2]">Apt/Suite
<input type="text" name="agency[addresses][2][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][2][city]">City
<input type="text" name="agency[addresses][2][city]" value=""/></label></li><li class="state"><label for="agency[addresses][2][state]">State
<select name="agency[addresses][2][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][2][zip]">Zip
<input type="text" name="agency[addresses][2][zip]" value=""/></label></li></ul></li></ul></fieldset><fieldset id="dependents"><ul></ul></fieldset><input type="hidden" name="csrf" value="csrf"/><fieldset id="account"><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset></fieldset><fieldset id="personal"><legend>Personal Information </legend><ul><li class="firstName name"><label>First Name
<span class="required">*</span><input type="text" name="person[name][first]"/></label></li><li class="lastName name"><label>Last Name
<span class="required">*</span><input type="text" name="person[name][last]"/></label></li><li class="middleName name"><label>Middle Name
<input type="text" name="person[name][middle]"/></label></li><li class="gender"><label>Gender
<select name="person[gender]"><option value="">Select..</option><option value="female">Female </option><option value="male">Male </option></select></label></li></ul></fieldset><fieldset id="addresses"><legend>Addresses</legend><ul><li><ul><li class="name"><label for="agency[addresses][0][name]">Name
<input type="text" name="agency[addresses][0][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][0][street1]">Address
<input type="text" name="agency[addresses][0][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][0][street2]">Apt/Suite
<input type="text" name="agency[addresses][0][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][0][city]">City
<input type="text" name="agency[addresses][0][city]" value=""/></label></li><li class="state"><label for="agency[addresses][0][state]">State
<select name="agency[addresses][0][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][0][zip]">Zip
<input type="text" name="agency[addresses][0][zip]" value=""/></label></li></ul></li><li><ul><li class="name"><label for="agency[addresses][1][name]">Name
<input type="text" name="agency[addresses][1][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][1][street1]">Address
<input type="text" name="agency[addresses][1][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][1][street2]">Apt/Suite
<input type="text" name="agency[addresses][1][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][1][city]">City
<input type="text" name="agency[addresses][1][city]" value=""/></label></li><li class="state"><label for="agency[addresses][1][state]">State
<select name="agency[addresses][1][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][1][zip]">Zip
<input type="text" name="agency[addresses][1][zip]" value=""/></label></li></ul></li><li><ul><li class="name"><label for="agency[addresses][2][name]">Name
<input type="text" name="agency[addresses][2][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][2][street1]">Address
<input type="text" name="agency[addresses][2][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][2][street2]">Apt/Suite
<input type="text" name="agency[addresses][2][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][2][city]">City
<input type="text" name="agency[addresses][2][city]" value=""/></label></li><li class="state"><label for="agency[addresses][2][state]">State
<select name="agency[addresses][2][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][2][zip]">Zip
<input type="text" name="agency[addresses][2][zip]" value=""/></label></li></ul></li></ul></fieldset><fieldset id="dependents"><ul></ul></fieldset><input type="hidden" name="csrf" value="csrf"/><fieldset id="account"><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset><fieldset id="account"><legend>Account Settings</legend><ul><li id="email"><label>Email
<span class="required">*</span><input type="text" name="account[email]"/></label></li><li id="password"><label>Password
<span class="required">*</span><input type="text" name="account[password]"/><span class="tip">Password must be at least 5 characters long and contain at least 1 number </span></label></li><li id="confirm_password">Confirm Password
<input type="text" name="account[confirm_password]"/><span class="tip">Retype your password </span></li></ul></fieldset></fieldset><fieldset id="personal"><legend>Personal Information </legend><ul><li class="firstName name"><label>First Name
<span class="required">*</span><input type="text" name="person[name][first]"/></label></li><li class="lastName name"><label>Last Name
<span class="required">*</span><input type="text" name="person[name][last]"/></label></li><li class="middleName name"><label>Middle Name
<input type="text" name="person[name][middle]"/></label></li><li class="gender"><label>Gender
<select name="person[gender]"><option value="">Select..</option><option value="female">Female </option><option value="male">Male </option></select></label></li></ul></fieldset><fieldset id="addresses"><legend>Addresses</legend><ul><li><ul><li class="name"><label for="agency[addresses][0][name]">Name
<input type="text" name="agency[addresses][0][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][0][street1]">Address
<input type="text" name="agency[addresses][0][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][0][street2]">Apt/Suite
<input type="text" name="agency[addresses][0][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][0][city]">City
<input type="text" name="agency[addresses][0][city]" value=""/></label></li><li class="state"><label for="agency[addresses][0][state]">State
<select name="agency[addresses][0][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][0][zip]">Zip
<input type="text" name="agency[addresses][0][zip]" value=""/></label></li></ul></li><li><ul><li class="name"><label for="agency[addresses][1][name]">Name
<input type="text" name="agency[addresses][1][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][1][street1]">Address
<input type="text" name="agency[addresses][1][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][1][street2]">Apt/Suite
<input type="text" name="agency[addresses][1][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][1][city]">City
<input type="text" name="agency[addresses][1][city]" value=""/></label></li><li class="state"><label for="agency[addresses][1][state]">State
<select name="agency[addresses][1][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][1][zip]">Zip
<input type="text" name="agency[addresses][1][zip]" value=""/></label></li></ul></li><li><ul><li class="name"><label for="agency[addresses][2][name]">Name
<input type="text" name="agency[addresses][2][name]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][2][street1]">Address
<input type="text" name="agency[addresses][2][street1]" value=""/></label></li><li class="street1 street"><label for="agency[addresses][2][street2]">Apt/Suite
<input type="text" name="agency[addresses][2][street2]" value=""/></label></li><li class="city"><label for="agency[addresses][2][city]">City
<input type="text" name="agency[addresses][2][city]" value=""/></label></li><li class="state"><label for="agency[addresses][2][state]">State
<select name="agency[addresses][2][state]"><option value=""></option><option value="ca">California</option><option value="sc">South Carolina</option></select></label></li><li class="zip"><label for="agency[addresses][2][zip]">Zip
<input type="text" name="agency[addresses][2][zip]" value=""/></label></li></ul></li></ul></fieldset><fieldset id="dependents"><ul></ul></fieldset></form></div></div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script></body>
Raw
person_form.jade
li.firstName.name
label
| First Name
span.required *
input(type='text', name='person[name][first]', value=person.name.first)
li.lastName.name
label
| Last Name
span.required *
input(type='text', name='person[name][last]', value=person.name.last)
li.middleName.name
label
| Middle Name
input(type='text', name='person[name][middle]', value=person.name.middle)
li.gender
label
| Gender
select( name = "person[gender]")
option(value= '', selected = (person.gender == '')) Select..
option(value= 'female', selected = (person.gender == 'female')) Female
option(value= 'male', selected = (person.gender == 'male')) Male
Raw
registrant_form.jade
input(type = "hidden", name = "csrf", value = "csrf")
fieldset#account
!= partial('../account/_form', account)
fieldset#personal
legend Personal Information
ul
!= partial('../person/_form', {person: reg})
fieldset#addresses
legend Addresses
ul
!= partial('../address/_form', {collection: reg.addresses, as:'address'})
fieldset#dependents
ul
!= partial('../dependent/_dependents', {collection: reg.dependents, as:'dependent'})
Raw
registrantregister.jade
- if(typeof errors != 'undefined')
p=errors
form(method ="post", action = "/registrants")
!= partial('./_form', reg)
Raw
routesregistrants.js
app.get('/register', function(req, res){
var registrant = new Registrant();
if(!registrant.addresses || !registrant.addresses.count)
{
registrant.addresses.push(new Address());
registrant.addresses.push(new Address());
registrant.addresses.push(new Address());
}
if(!registrant.phone_numbers || !registrant.phone_numbers.count)
{
registrant.phone_numbers.push(new PhoneNumber());
}
res.render('registrant/register', {
title: 'Agency Registration'
, reg: registrant
, account: new Account()
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment