expo-6 validated error focus

templates/client/blank.html

@@ -32,7 +32,8 @@ This template include basic anf main styles and js files,
     <script src="{% static 'client/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js' %}"></script>
 	<script src="{% static 'client/js/vendor/jquery-1.10.1.min.js' %}"></script>
     <script src="{% static 'client/js/jquery-ui-1.10.4.custom.min.js' %}"  type="text/javascript"></script>
-    <!--<script src="{% static 'client/js' %}{% if debug %}/{% else %}_min/{% endif %}_modules/block.common{% if debug %}{% else %}.min{% endif %}.js"></script>-->
+    <!--<script src="{% static '
+    client/js' %}{% if debug %}/{% else %}_min/{% endif %}_modules/block.common{% if debug %}{% else %}.min{% endif %}.js"></script>-->
     <script src="{% static 'client/js/_modules/block.common.js' %}"></script>
 
 	<!--if IE 8><script src="js/selectivizr-min.js"></script><![endif]-->
@@ -49,6 +50,9 @@ This template include basic anf main styles and js files,
 			successRegisterId:'pw-reg-complete',
 			resendLetterClass:'resend-letter',
 			resendLetterUrl:'/registration/reply/',
+			requiredClass:"required",
+			errorClass:"err",
+			socialFormId:"social_form",
             staticValidation:{
                 errorClass:'error-field',
                 blobClass:'error-blob',

templates/client/static_client/css/main.css

@@ -12052,6 +12052,10 @@ hr + .rq-note {
 		background: rgba(0,0,0,.8);
 		z-index: 4;
 	}
+	/* hide inner :before element */
+	.disable-inner:before{
+		display: none !important;
+	}
 
 
 

templates/client/static_client/js/_modules/block.common.js

@@ -337,6 +337,21 @@ if (EXPO.common){
 					});
 					return false;
 				});
+				/**
+				 * hide error icon on validated field when it is focused
+				 */
+				//$('.'+self.opt.requiredClass+'.'+self.opt.errorClass+' input:text').focusin(function () {
+				//	$(this).closest('.'+self.opt.errorClass).addClass('disable-inner');
+				//});
+				//$('.'+self.opt.requiredClass+'.'+self.opt.errorClass+' input:text').focusout(function () {
+				//	$(this).closest('.'+self.opt.errorClass).removeClass('disable-inner');
+				//});
+				$('#'+self.opt.socialFormId).on('focus','.'+self.opt.requiredClass+'.'+self.opt.errorClass+' input:text',function () {
+					$(this).closest('.'+self.opt.errorClass).addClass('disable-inner');
+				});
+				$('#'+self.opt.socialFormId).on('blur','.'+self.opt.requiredClass+'.'+self.opt.errorClass+' input:text',function () {
+					$(this).closest('.'+self.opt.errorClass).removeClass('disable-inner');
+				});
 
 			});
 			//$(window).load(function () {