Commit fd355e41e5e8b3b950b0fc8c778b92607b6e8a49
1 parent
de00280f
Exists in
master
and in
5 other branches
correcoes_aderencia: Fields mark in red or green depending on the validation
Signed-off-by: Fabio Teixeira <fabio1079@gmail.com>
Showing
2 changed files
with
33 additions
and
15 deletions
Show diff stats
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 | ... | ... |