Revision 49769
Added by Sofia Baltzi over 6 years ago
| register.jsp | ||
|---|---|---|
| 91 | 91 |
<div class="form-group"> |
| 92 | 92 |
<input id="email_conf" name="email_conf" type="text" placeholder="Confirm email (*)" class="form-control" value=${email_conf}></div>
|
| 93 | 93 |
<c:remove var="email_conf" scope="session" /> |
| 94 |
<%--<div class="form-group">--%>
|
|
| 95 |
<%--<span class="msg_password_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your password.</span>--%>
|
|
| 96 |
<%--<span class="msg_pass_conf_error uk-text-danger uk-text-small uk-float-left" style="display:none">These passwords don't match.</span>--%>
|
|
| 97 |
<%--<p><span class="msg_please_add uk-text-danger uk-text-small uk-float-left" style="display:none">Please add:  </span></p>--%>
|
|
| 98 |
<%--<span class="msg_lowercase_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A lowercase letter.  </span>--%>
|
|
| 99 |
<%--<span class="msg_capital_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A capital (uppercase) letter.   </span>--%>
|
|
| 100 |
<%--<span class="msg_number uk-text-danger uk-text-small uk-float-left" style="display:none">A number.  </span>--%>
|
|
| 101 |
<%--<span class="msg_lenght uk-text-danger uk-text-small uk-float-left" style="display:none">Minimum 6 characters.  </span>--%>
|
|
| 102 |
<%--<input id="password" name="password" type="password" placeholder="Password" class="form-control"></div>--%>
|
|
| 103 |
<%--<div class="form-group">--%>
|
|
| 104 |
<%--<input id="password_conf" name="password_conf" type="password" placeholder="Confirm password" class="form-control"></div>--%>
|
|
| 94 |
<div class="form-group">
|
|
| 95 |
<span class="msg_password_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your password.</span>
|
|
| 96 |
<span class="msg_pass_conf_error uk-text-danger uk-text-small uk-float-left" style="display:none">These passwords don't match.</span>
|
|
| 97 |
<p><span class="msg_please_add uk-text-danger uk-text-small uk-float-left" style="display:none">Please add:  </span></p>
|
|
| 98 |
<span class="msg_lowercase_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A lowercase letter.  </span>
|
|
| 99 |
<span class="msg_capital_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A capital (uppercase) letter.   </span>
|
|
| 100 |
<span class="msg_number uk-text-danger uk-text-small uk-float-left" style="display:none">A number.  </span>
|
|
| 101 |
<span class="msg_lenght uk-text-danger uk-text-small uk-float-left" style="display:none">Minimum 6 characters.  </span>
|
|
| 102 |
<input id="password" name="password" type="password" placeholder="Password" class="form-control"></div>
|
|
| 103 |
<div class="form-group">
|
|
| 104 |
<input id="password_conf" name="password_conf" type="password" placeholder="Confirm password" class="form-control"></div>
|
|
| 105 | 105 |
<div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid=""> |
| 106 | 106 |
<div class="uk-width-1-1 uk-text-meta uk-text-danger uk-first-column">(*) Required fields</div> |
| 107 | 107 |
<div class="uk-width-1-1 uk-grid-margin uk-first-column">RECAPTHA I AM NOT A ROBOT THING GOES HERE</div> |
| ... | ... | |
| 114 | 114 |
<!-- END OF REGISTER FORM --> |
| 115 | 115 |
<script> |
| 116 | 116 |
|
| 117 |
//var myInput = document.getElementById("password");
|
|
| 117 |
var myInput = document.getElementById("password");
|
|
| 118 | 118 |
var usernameInput = document.getElementById("username");
|
| 119 | 119 |
//var myEmailInput = document.getElementById("email");
|
| 120 | 120 |
|
| 121 |
// // When the user starts to type something inside the password field |
|
| 122 |
// myInput.onkeyup = function() {
|
|
| 123 |
// |
|
| 124 |
// // Validate lowercase letters |
|
| 125 |
// var lowerCaseLetters = /[a-z]/g; |
|
| 126 |
// if (myInput.value.match(lowerCaseLetters)) {
|
|
| 127 |
// $(".msg_lowercase_letter").fadeOut();
|
|
| 128 |
// } else {
|
|
| 129 |
// $(".msg_lowercase_letter").fadeIn();
|
|
| 130 |
// } |
|
| 131 |
// |
|
| 132 |
// // Validate capital letters |
|
| 133 |
// var upperCaseLetters = /[A-Z]/g; |
|
| 134 |
// if (myInput.value.match(upperCaseLetters)) {
|
|
| 135 |
// $(".msg_capital_letter").fadeOut();
|
|
| 136 |
// } else {
|
|
| 137 |
// $(".msg_capital_letter").fadeIn();
|
|
| 138 |
// } |
|
| 139 |
// |
|
| 140 |
// // Validate numbers |
|
| 141 |
// var numbers = /[0-9]/g; |
|
| 142 |
// if (myInput.value.match(numbers)) {
|
|
| 143 |
// $(".msg_number").fadeOut();
|
|
| 144 |
// } else {
|
|
| 145 |
// $(".msg_number").fadeIn();
|
|
| 146 |
// } |
|
| 147 |
// |
|
| 148 |
// // Validate length |
|
| 149 |
// if (myInput.value.length >= 6) {
|
|
| 150 |
// $(".msg_lenght").fadeOut();
|
|
| 151 |
// } else {
|
|
| 152 |
// $(".msg_lenght").fadeIn();
|
|
| 153 |
// } |
|
| 154 |
// |
|
| 155 |
// if(myInput.value.match(lowerCaseLetters) && myInput.value.match(upperCaseLetters) |
|
| 156 |
// && myInput.value.match(numbers) && (myInput.value.length >= 6)){
|
|
| 157 |
// if($(".msg_please_add").css('display')!='none'){
|
|
| 158 |
// $(".msg_please_add").fadeOut();
|
|
| 159 |
// } |
|
| 160 |
// } else {
|
|
| 161 |
// if($(".msg_please_add").css('display')=='none') {
|
|
| 162 |
// $(".msg_please_add").fadeIn();
|
|
| 163 |
// } |
|
| 164 |
// } |
|
| 165 |
// } |
|
| 121 |
// When the user starts to type something inside the password field |
|
| 122 |
myInput.onkeyup = function() {
|
|
| 166 | 123 |
|
| 124 |
// Validate lowercase letters |
|
| 125 |
var lowerCaseLetters = /[a-z]/g; |
|
| 126 |
if (myInput.value.match(lowerCaseLetters)) {
|
|
| 127 |
$(".msg_lowercase_letter").fadeOut();
|
|
| 128 |
} else {
|
|
| 129 |
$(".msg_lowercase_letter").fadeIn();
|
|
| 130 |
} |
|
| 131 |
|
|
| 132 |
// Validate capital letters |
|
| 133 |
var upperCaseLetters = /[A-Z]/g; |
|
| 134 |
if (myInput.value.match(upperCaseLetters)) {
|
|
| 135 |
$(".msg_capital_letter").fadeOut();
|
|
| 136 |
} else {
|
|
| 137 |
$(".msg_capital_letter").fadeIn();
|
|
| 138 |
} |
|
| 139 |
|
|
| 140 |
// Validate numbers |
|
| 141 |
var numbers = /[0-9]/g; |
|
| 142 |
if (myInput.value.match(numbers)) {
|
|
| 143 |
$(".msg_number").fadeOut();
|
|
| 144 |
} else {
|
|
| 145 |
$(".msg_number").fadeIn();
|
|
| 146 |
} |
|
| 147 |
|
|
| 148 |
// Validate length |
|
| 149 |
if (myInput.value.length >= 6) {
|
|
| 150 |
$(".msg_lenght").fadeOut();
|
|
| 151 |
} else {
|
|
| 152 |
$(".msg_lenght").fadeIn();
|
|
| 153 |
} |
|
| 154 |
|
|
| 155 |
if(myInput.value.match(lowerCaseLetters) && myInput.value.match(upperCaseLetters) |
|
| 156 |
&& myInput.value.match(numbers) && (myInput.value.length >= 6)){
|
|
| 157 |
if($(".msg_please_add").css('display')!='none'){
|
|
| 158 |
$(".msg_please_add").fadeOut();
|
|
| 159 |
} |
|
| 160 |
} else {
|
|
| 161 |
if($(".msg_please_add").css('display')=='none') {
|
|
| 162 |
$(".msg_please_add").fadeIn();
|
|
| 163 |
} |
|
| 164 |
} |
|
| 165 |
} |
|
| 166 |
|
|
| 167 | 167 |
usernameInput.onkeyup = function() {
|
| 168 | 168 |
|
| 169 | 169 |
// Validate username minimum length |
Also available in: Unified diff
Add registerSuccess.jsp