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 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 194 var full_validation = /([^\w\*\s*])|(^|\s)([a-z]|[0-9])/; // no special chars and do not initialize with no capital latter
191 195 var partial_validation = /[^\w\*\s*]/; // no special chars
192 196 text = replace_some_special_chars(text);
... ... @@ -207,8 +211,8 @@
207 211 }
208 212  
209 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 217 field.removeClass("validated").addClass("invalid");
214 218  
... ... @@ -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 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 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 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 244 function invalid_email_validation(value) {
  245 + if( value.trim().length == 0 ) {
  246 + return true;
  247 + }
  248 +
240 249 var correct_format_regex = new RegExp(/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/);
241 250  
242 251 return !correct_format_regex.test(value);
... ... @@ -285,10 +294,10 @@
285 294 fix_phone_mask_format("#profile_data_comercial_phone");
286 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 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 130 \ No newline at end of file
... ...