Commit fd355e41e5e8b3b950b0fc8c778b92607b6e8a49

Authored by Fabio Teixeira
1 parent de00280f

correcoes_aderencia: Fields mark in red or green depending on the validation

Signed-off-by: Fabio Teixeira <fabio1079@gmail.com>
public/mpog-user-validations.js
@@ -186,7 +186,11 @@ @@ -186,7 +186,11 @@
186 }); 186 });
187 } 187 }
188 188
189 - function is_invalid_formated(text) { 189 + function invalid_name_validation(text) {
  190 + if( text.trim().length == 0 ) {
  191 + return true;
  192 + }
  193 +
190 var full_validation = /([^\w\*\s*])|(^|\s)([a-z]|[0-9])/; // no special chars and do not initialize with no capital latter 194 var full_validation = /([^\w\*\s*])|(^|\s)([a-z]|[0-9])/; // no special chars and do not initialize with no capital latter
191 var partial_validation = /[^\w\*\s*]/; // no special chars 195 var partial_validation = /[^\w\*\s*]/; // no special chars
192 text = replace_some_special_chars(text); 196 text = replace_some_special_chars(text);
@@ -207,8 +211,8 @@ @@ -207,8 +211,8 @@
207 } 211 }
208 212
209 // Generic 213 // Generic
210 - function show_plugin_error_message(field_id, hidden_message_id ) {  
211 - var field = jQuery("#"+field_id); 214 + function show_plugin_error_message(field_selector, hidden_message_id ) {
  215 + var field = jQuery(field_selector);
212 216
213 field.removeClass("validated").addClass("invalid"); 217 field.removeClass("validated").addClass("invalid");
214 218
@@ -220,23 +224,28 @@ @@ -220,23 +224,28 @@
220 } 224 }
221 } 225 }
222 226
223 - function hide_plugin_error_message(field_id, hidden_message_id) {  
224 - jQuery("#" + field_id).removeClass("invalid").addClass("validated"); 227 + function hide_plugin_error_message(field_selector, hidden_message_id) {
  228 + jQuery(field_selector).removeClass("invalid").addClass("validated");
225 jQuery("." + hidden_message_id).hide(); 229 jQuery("." + hidden_message_id).hide();
226 } 230 }
227 - function addBlurFields(field_id, hidden_message_id, validation_function) {  
228 - jQuery("#" + field_id).blur(function(){ 231 +
  232 + function addBlurFields(field_selector, hidden_message_id, validation_function) {
  233 + jQuery(field_selector).blur(function(){
229 jQuery(this).attr("class", ""); 234 jQuery(this).attr("class", "");
230 235
231 - if( this.value.length > 0 && validation_function(this.value) ) {  
232 - show_plugin_error_message(field_id, hidden_message_id); 236 + if( validation_function(this.value) ) {
  237 + show_plugin_error_message(field_selector, hidden_message_id);
233 } else { 238 } else {
234 - hide_plugin_error_message(field_id, hidden_message_id); 239 + hide_plugin_error_message(field_selector, hidden_message_id);
235 } 240 }
236 }); 241 });
237 } 242 }
238 243
239 function invalid_email_validation(value) { 244 function invalid_email_validation(value) {
  245 + if( value.trim().length == 0 ) {
  246 + return true;
  247 + }
  248 +
240 var correct_format_regex = new RegExp(/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/); 249 var correct_format_regex = new RegExp(/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/);
241 250
242 return !correct_format_regex.test(value); 251 return !correct_format_regex.test(value);
@@ -285,10 +294,10 @@ @@ -285,10 +294,10 @@
285 fix_phone_mask_format("#profile_data_comercial_phone"); 294 fix_phone_mask_format("#profile_data_comercial_phone");
286 fix_phone_mask_format("#profile_data_contact_phone"); 295 fix_phone_mask_format("#profile_data_contact_phone");
287 296
288 - addBlurFields("profile_data_name", "full_name_error", is_invalid_formated);  
289 - addBlurFields("profile_data_email", "email_error", invalid_email_validation);  
290 - addBlurFields("user_secondary_email", "email_error", invalid_email_validation);  
291 - addBlurFields("profile_data_personal_website", "site_error", invalid_site_validation);  
292 - addBlurFields("profile_data_organization_website", "site_error", invalid_site_validation); 297 + addBlurFields("#profile_data_name", "full_name_error", invalid_name_validation);
  298 + addBlurFields("#profile_data_email", "email_error", invalid_email_validation);
  299 + addBlurFields("#user_secondary_email", "email_error", invalid_email_validation);
  300 + addBlurFields("#profile_data_personal_website", "site_error", invalid_site_validation);
  301 + addBlurFields("#profile_data_organization_website", "site_error", invalid_site_validation);
293 }); 302 });
294 })(); 303 })();
public/style.css
@@ -118,3 +118,12 @@ @@ -118,3 +118,12 @@
118 border: solid 1px #000; 118 border: solid 1px #000;
119 } 119 }
120 120
  121 +#profile-data .invalid {
  122 + border-color: rgb(127, 0, 0);
  123 + box-shadow: 0px 0px 7px red;
  124 +}
  125 +
  126 +#profile-data .validated {
  127 + box-shadow: 0px 0px 7px green;
  128 + border-color: rgb(0, 80, 0)
  129 +}
121 \ No newline at end of file 130 \ No newline at end of file