Revision 49599
Added by Sofia Baltzi over 6 years ago
| register.jsp | ||
|---|---|---|
| 70 | 70 |
<div class="form-group"> |
| 71 | 71 |
<input id="organization" name="organization" type="text" placeholder="Affiliation / Organization:" class="form-control"></div> |
| 72 | 72 |
<div class="form-group"> |
| 73 |
<span class="msg_username_min_lenght uk-text-danger uk-text-small uk-float-left" style="display:none">Minimum username length 5 characters.</span> |
|
| 74 |
<span class="msg_username_max_lenght uk-text-danger uk-text-small uk-float-left" style="display:none">Maximum username lenght 150 characters.</span> |
|
| 73 | 75 |
<span class="msg_username_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your username.</span> |
| 74 | 76 |
<input id="username" name="username" type="text" placeholder="Username (*)" class="form-control"></div> |
| 75 | 77 |
<div class="form-group"> |
| ... | ... | |
| 102 | 104 |
<!-- END OF REGISTER FORM --> |
| 103 | 105 |
<script> |
| 104 | 106 |
|
| 105 |
var myInput = document.getElementById("password");
|
|
| 107 |
//var myInput = document.getElementById("password");
|
|
| 108 |
var usernameInput = document.getElementById("username");
|
|
| 106 | 109 |
//var myEmailInput = document.getElementById("email");
|
| 107 | 110 |
|
| 108 |
// When the user starts to type something inside the password field |
|
| 109 |
myInput.onkeyup = function() {
|
|
| 111 |
// // When the user starts to type something inside the password field |
|
| 112 |
// myInput.onkeyup = function() {
|
|
| 113 |
// |
|
| 114 |
// // Validate lowercase letters |
|
| 115 |
// var lowerCaseLetters = /[a-z]/g; |
|
| 116 |
// if (myInput.value.match(lowerCaseLetters)) {
|
|
| 117 |
// $(".msg_lowercase_letter").fadeOut();
|
|
| 118 |
// } else {
|
|
| 119 |
// $(".msg_lowercase_letter").fadeIn();
|
|
| 120 |
// } |
|
| 121 |
// |
|
| 122 |
// // Validate capital letters |
|
| 123 |
// var upperCaseLetters = /[A-Z]/g; |
|
| 124 |
// if (myInput.value.match(upperCaseLetters)) {
|
|
| 125 |
// $(".msg_capital_letter").fadeOut();
|
|
| 126 |
// } else {
|
|
| 127 |
// $(".msg_capital_letter").fadeIn();
|
|
| 128 |
// } |
|
| 129 |
// |
|
| 130 |
// // Validate numbers |
|
| 131 |
// var numbers = /[0-9]/g; |
|
| 132 |
// if (myInput.value.match(numbers)) {
|
|
| 133 |
// $(".msg_number").fadeOut();
|
|
| 134 |
// } else {
|
|
| 135 |
// $(".msg_number").fadeIn();
|
|
| 136 |
// } |
|
| 137 |
// |
|
| 138 |
// // Validate length |
|
| 139 |
// if (myInput.value.length >= 6) {
|
|
| 140 |
// $(".msg_lenght").fadeOut();
|
|
| 141 |
// } else {
|
|
| 142 |
// $(".msg_lenght").fadeIn();
|
|
| 143 |
// } |
|
| 144 |
// |
|
| 145 |
// if(myInput.value.match(lowerCaseLetters) && myInput.value.match(upperCaseLetters) |
|
| 146 |
// && myInput.value.match(numbers) && (myInput.value.length >= 6)){
|
|
| 147 |
// if($(".msg_please_add").css('display')!='none'){
|
|
| 148 |
// $(".msg_please_add").fadeOut();
|
|
| 149 |
// } |
|
| 150 |
// } else {
|
|
| 151 |
// if($(".msg_please_add").css('display')=='none') {
|
|
| 152 |
// $(".msg_please_add").fadeIn();
|
|
| 153 |
// } |
|
| 154 |
// } |
|
| 155 |
// } |
|
| 110 | 156 |
|
| 111 |
// Validate lowercase letters |
|
| 112 |
var lowerCaseLetters = /[a-z]/g; |
|
| 113 |
if (myInput.value.match(lowerCaseLetters)) {
|
|
| 114 |
$(".msg_lowercase_letter").fadeOut();
|
|
| 115 |
} else {
|
|
| 116 |
$(".msg_lowercase_letter").fadeIn();
|
|
| 117 |
} |
|
| 157 |
usernameInput.onkeyup = function() {
|
|
| 118 | 158 |
|
| 119 |
// Validate capital letters |
|
| 120 |
var upperCaseLetters = /[A-Z]/g; |
|
| 121 |
if (myInput.value.match(upperCaseLetters)) {
|
|
| 122 |
$(".msg_capital_letter").fadeOut();
|
|
| 159 |
// Validate username minimum length |
|
| 160 |
if (usernameInput.value.length >= 5) {
|
|
| 161 |
$(".msg_username_min_lenght").fadeOut();
|
|
| 123 | 162 |
} else {
|
| 124 |
$(".msg_capital_letter").fadeIn();
|
|
| 163 |
$(".msg_username_min_lenght").fadeIn();
|
|
| 125 | 164 |
} |
| 126 |
|
|
| 127 |
// Validate numbers |
|
| 128 |
var numbers = /[0-9]/g; |
|
| 129 |
if (myInput.value.match(numbers)) {
|
|
| 130 |
$(".msg_number").fadeOut();
|
|
| 165 |
// Validate username maximum length |
|
| 166 |
if (usernameInput.value.length < 150) {
|
|
| 167 |
$(".msg_username_max_lenght").fadeOut();
|
|
| 131 | 168 |
} else {
|
| 132 |
$(".msg_number").fadeIn();
|
|
| 169 |
$(".msg_username_max_lenght").fadeIn();
|
|
| 133 | 170 |
} |
| 134 |
|
|
| 135 |
// Validate length |
|
| 136 |
if (myInput.value.length >= 6) {
|
|
| 137 |
$(".msg_lenght").fadeOut();
|
|
| 138 |
} else {
|
|
| 139 |
$(".msg_lenght").fadeIn();
|
|
| 140 |
} |
|
| 141 |
|
|
| 142 |
if(myInput.value.match(lowerCaseLetters) && myInput.value.match(upperCaseLetters) |
|
| 143 |
&& myInput.value.match(numbers) && (myInput.value.length >= 6)){
|
|
| 144 |
if($(".msg_please_add").css('display')!='none'){
|
|
| 145 |
$(".msg_please_add").fadeOut();
|
|
| 146 |
} |
|
| 147 |
} else {
|
|
| 148 |
if($(".msg_please_add").css('display')=='none') {
|
|
| 149 |
$(".msg_please_add").fadeIn();
|
|
| 150 |
} |
|
| 151 |
} |
|
| 152 | 171 |
} |
| 153 |
|
|
| 154 | 172 |
// myEmailInput.onfocusOut = function() {
|
| 155 | 173 |
// |
| 156 | 174 |
// } |
Also available in: Unified diff
Add username lenght check onkeyup