From fd355e41e5e8b3b950b0fc8c778b92607b6e8a49 Mon Sep 17 00:00:00 2001 From: Fabio Teixeira Date: Wed, 15 Oct 2014 17:41:16 -0300 Subject: [PATCH] correcoes_aderencia: Fields mark in red or green depending on the validation --- public/mpog-user-validations.js | 39 ++++++++++++++++++++++++--------------- public/style.css | 9 +++++++++ 2 files changed, 33 insertions(+), 15 deletions(-) diff --git a/public/mpog-user-validations.js b/public/mpog-user-validations.js index 428b0bf..8662b09 100644 --- a/public/mpog-user-validations.js +++ b/public/mpog-user-validations.js @@ -186,7 +186,11 @@ }); } - function is_invalid_formated(text) { + function invalid_name_validation(text) { + if( text.trim().length == 0 ) { + return true; + } + var full_validation = /([^\w\*\s*])|(^|\s)([a-z]|[0-9])/; // no special chars and do not initialize with no capital latter var partial_validation = /[^\w\*\s*]/; // no special chars text = replace_some_special_chars(text); @@ -207,8 +211,8 @@ } // Generic - function show_plugin_error_message(field_id, hidden_message_id ) { - var field = jQuery("#"+field_id); + function show_plugin_error_message(field_selector, hidden_message_id ) { + var field = jQuery(field_selector); field.removeClass("validated").addClass("invalid"); @@ -220,23 +224,28 @@ } } - function hide_plugin_error_message(field_id, hidden_message_id) { - jQuery("#" + field_id).removeClass("invalid").addClass("validated"); + function hide_plugin_error_message(field_selector, hidden_message_id) { + jQuery(field_selector).removeClass("invalid").addClass("validated"); jQuery("." + hidden_message_id).hide(); } - function addBlurFields(field_id, hidden_message_id, validation_function) { - jQuery("#" + field_id).blur(function(){ + + function addBlurFields(field_selector, hidden_message_id, validation_function) { + jQuery(field_selector).blur(function(){ jQuery(this).attr("class", ""); - if( this.value.length > 0 && validation_function(this.value) ) { - show_plugin_error_message(field_id, hidden_message_id); + if( validation_function(this.value) ) { + show_plugin_error_message(field_selector, hidden_message_id); } else { - hide_plugin_error_message(field_id, hidden_message_id); + hide_plugin_error_message(field_selector, hidden_message_id); } }); } function invalid_email_validation(value) { + if( value.trim().length == 0 ) { + return true; + } + var correct_format_regex = new RegExp(/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/); return !correct_format_regex.test(value); @@ -285,10 +294,10 @@ fix_phone_mask_format("#profile_data_comercial_phone"); fix_phone_mask_format("#profile_data_contact_phone"); - addBlurFields("profile_data_name", "full_name_error", is_invalid_formated); - addBlurFields("profile_data_email", "email_error", invalid_email_validation); - addBlurFields("user_secondary_email", "email_error", invalid_email_validation); - addBlurFields("profile_data_personal_website", "site_error", invalid_site_validation); - addBlurFields("profile_data_organization_website", "site_error", invalid_site_validation); + addBlurFields("#profile_data_name", "full_name_error", invalid_name_validation); + addBlurFields("#profile_data_email", "email_error", invalid_email_validation); + addBlurFields("#user_secondary_email", "email_error", invalid_email_validation); + addBlurFields("#profile_data_personal_website", "site_error", invalid_site_validation); + addBlurFields("#profile_data_organization_website", "site_error", invalid_site_validation); }); })(); diff --git a/public/style.css b/public/style.css index 3c514d4..0cb4796 100644 --- a/public/style.css +++ b/public/style.css @@ -118,3 +118,12 @@ border: solid 1px #000; } +#profile-data .invalid { + border-color: rgb(127, 0, 0); + box-shadow: 0px 0px 7px red; +} + +#profile-data .validated { + box-shadow: 0px 0px 7px green; + border-color: rgb(0, 80, 0) +} \ No newline at end of file -- libgit2 0.21.2