signup.jsp
6.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<%@ include file="/common/taglibs.jsp" %>
<head>
<title><fmt:message key="signup.title"/></title>
</head>
<body class="signup"/>
<div class="col-sm-2">
<h2><fmt:message key="signup.heading"/></h2>
<p><fmt:message key="signup.message"/></p>
</div>
<div class="col-sm-7">
<spring:bind path="user.*">
<c:if test="${not empty status.errorMessages}">
<div class="alert alert-danger alert-dismissable">
<a href="#" data-dismiss="alert" class="close">×</a>
<c:forEach var="error" items="${status.errorMessages}">
<c:out value="${error}" escapeXml="false"/><br/>
</c:forEach>
</div>
</c:if>
</spring:bind>
<form:form commandName="user" method="post" action="signup" id="signupForm" autocomplete="off"
cssClass="well" onsubmit="return validateSignup(this)">
<spring:bind path="user.username">
<div class="form-group${(not empty status.errorMessage) ? ' has-error' : ''}">
</spring:bind>
<appfuse:label styleClass="control-label" key="user.username"/>
<form:input cssClass="form-control" path="username" id="username" autofocus="true"/>
<form:errors path="username" cssClass="help-block"/>
</div>
<div class="row">
<spring:bind path="user.password">
<div class="col-sm-6 form-group${(not empty status.errorMessage) ? ' has-error' : ''}">
</spring:bind>
<appfuse:label styleClass="control-label" key="user.password"/>
<form:password cssClass="form-control" path="password" id="password" showPassword="true"/>
<form:errors path="password" cssClass="help-block"/>
</div>
<spring:bind path="user.passwordHint">
<div class="col-sm-6 form-group${(not empty status.errorMessage) ? ' has-error' : ''}">
</spring:bind>
<appfuse:label styleClass="control-label" key="user.passwordHint"/>
<form:input cssClass="form-control" path="passwordHint" id="passwordHint"/>
<form:errors path="passwordHint" cssClass="help-block"/>
</div>
</div>
<div class="row">
<spring:bind path="user.firstName">
<div class="col-sm-6 form-group${(not empty status.errorMessage) ? ' has-error' : ''}">
</spring:bind>
<appfuse:label styleClass="control-label" key="user.firstName"/>
<form:input cssClass="form-control" path="firstName" id="firstName" maxlength="50"/>
<form:errors path="firstName" cssClass="help-block"/>
</div>
<spring:bind path="user.lastName">
<div class="col-sm-6 form-group${(not empty status.errorMessage) ? ' has-error' : ''}">
</spring:bind>
<appfuse:label styleClass="control-label" key="user.lastName"/>
<form:input cssClass="form-control" path="lastName" id="lastName" maxlength="50"/>
<form:errors path="lastName" cssClass="help-block"/>
</div>
</div>
<div class="row">
<spring:bind path="user.email">
<div class="col-sm-6 form-group${(not empty status.errorMessage) ? ' has-error' : ''}">
</spring:bind>
<appfuse:label styleClass="control-label" key="user.email"/>
<form:input cssClass="form-control" path="email" id="email"/>
<form:errors path="email" cssClass="help-block"/>
</div>
<div class="col-sm-6 form-group">
<appfuse:label styleClass="control-label" key="user.phoneNumber"/>
<form:input cssClass="form-control" path="phoneNumber" id="phoneNumber"/>
</div>
</div>
<div class="form-group">
<appfuse:label styleClass="control-label" key="user.website"/>
<form:input cssClass="form-control" path="website" id="website"/>
</div>
<div>
<legend class="accordion-heading">
<a data-toggle="collapse" href="#collapse-address"><fmt:message key="user.address.address"/></a>
</legend>
<div id="collapse-address" class="accordion-body collapse">
<div class="form-group">
<appfuse:label styleClass="control-label" key="user.address.address"/>
<form:input cssClass="form-control" path="address.address" id="address.address"/>
</div>
<div class="row">
<div class="col-sm-7 form-group">
<appfuse:label styleClass="control-label" key="user.address.city"/>
<form:input cssClass="form-control" path="address.city" id="address.city"/>
</div>
<div class="col-sm-2 form-group">
<appfuse:label styleClass="control-label" key="user.address.province"/>
<form:input cssClass="form-control" path="address.province" id="address.province"/>
</div>
<div class="col-sm-3 form-group">
<appfuse:label styleClass="control-label" key="user.address.postalCode"/>
<form:input cssClass="form-control" path="address.postalCode" id="address.postalCode"/>
</div>
</div>
<div class="form-group">
<appfuse:label styleClass="control-label" key="user.address.country"/>
<appfuse:country name="address.country" prompt="" default="${user.address.country}"/>
</div>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary" name="save" onclick="bCancel=false">
<i class="icon-ok icon-white"></i> <fmt:message key="button.register"/>
</button>
<button type="submit" class="btn btn-default" name="cancel" onclick="bCancel=true">
<i class="icon-remove"></i> <fmt:message key="button.cancel"/>
</button>
</div>
</form:form>
</div>
<c:set var="scripts" scope="request">
<v:javascript formName="signup" staticJavascript="false"/>
<script type="text/javascript" src="<c:url value="/scripts/validator.jsp"/>"></script>
</c:set>