0.0.296 remove errors after typing in fields

static/css/mobile_styles.css

@@ -925,6 +925,10 @@
     button#send_feedback_form{
         width: 100%;
     }
+    button#send_feedback_form:active{
+    box-shadow:unset;
+    background: rgba(255, 97, 58, 0.60);
+}
 /*   END feedback_form*/
 
 /*    news_page*/

static/css/styles.css

@@ -1924,7 +1924,7 @@ button#edit_route {
     cursor: pointer;
 }
 
-#error_com_offer, #error_feedback{
+#error_com_offer, #error_feedback, #error_feedback_text{
     color: #ff0000;
     font-size: 14px;
     margin-left: 5px;
@@ -1940,7 +1940,7 @@ button#edit_route {
 }
 
 .form_wrapper{
-    position: relative;
+    margin-top: 120px;
 }
 
 .form_com_wrapper{
@@ -2389,6 +2389,17 @@ button#send_feedback_form{
     width: 103%;
     margin-top: 13px;
 }
+button#send_feedback_form:active{
+    box-shadow:unset;
+    background: rgba(255, 97, 58, 0.60);
+}
+#error_feedback.hide{
+    display: none;
+}
+
+#error_feedback_text.hide{
+    display: none;
+}
 
 .subscribes_container{
     width: 80%;

static/js/user_profile.js

@@ -913,6 +913,8 @@ function RequestCommercialOffer (el){
                 let feedback_form = document.querySelector('.feedback_form')
                     if(feedback_form){
                         feedback_form.innerHTML = data.responseJSON.html;
+                        // let incorrect_block = document.querySelectorAll('.inputs_l')
+
                     }
 
                     let commercial_offer = document.querySelector('.commercial_offer')
@@ -939,6 +941,31 @@ function RequestCommercialOffer (el){
 
 
 
+}
+
+function hideErrors(el) {
+    let error_feeedback_text = document.getElementById('error_feedback_text')
+    let error_feeedback = el.nextElementSibling
+    let counter_text = document.querySelector('.counter-text')
+
+
+   if(error_feeedback === counter_text ){
+       error_feeedback_text.classList.add('hide')
+   }else {
+       error_feeedback.classList.add('hide')
+   }
+
+   el.form[3].offsetParent.nextElementSibling
+
+
+
+
+
+    // if(el.nextElementSibling === errorFeeedback){
+    //     errorFeeedback.classList.add('hide')
+    // }
+
+
 }
 
 // function SendFeedbackForm (el){

templates/forms/f_feedback_form.html

@@ -13,12 +13,12 @@
             {% if form.form_name %}data-name="{{ form.form_name}}"{% endif %}
         >
             <div class="left_inputs_form">
-                <div class="inputs_l">
+                 <div class="inputs_l">
             <input name="name"
                    type="text"
-{#                    {% if form.name %} required{% endif %}#}
+                    onkeydown  ="hideErrors(this)"
-
+                   placeholder="{% translate 'Имя' %}"
-                   placeholder="{% translate 'Имя' %}" {% if form.name %} value="{{ form.name }}"{% endif %}>
+                   {% if form.name %} value="{{ form.name }}"{% endif %}>
             {% if form.errors.name %}
                 <span id="error_feedback">{{ form.errors.name }}</span>
             {% endif %}
@@ -28,7 +28,7 @@
                 <input
                         name="email"
                         type="email"
-
+                        onkeydown  ="hideErrors(this)"
                         placeholder="Е-mail"{% if form.email %} value="{{ form.email }}"{% endif %}
                 >
                 {% if form.errors.email %}
@@ -39,7 +39,7 @@
               <div class="inputs_l">
                 <input name="phone"
                        type="tel"
-
+                       onkeydown  ="hideErrors(this)"
                        placeholder="{% translate 'Телефон' %}"{% if form.phone %} value="{{ form.phone }}"{% endif %}>
                 {% if form.errors.phone %}
                     <span id="error_feedback">{{ form.errors.phone }}</span>
@@ -52,7 +52,7 @@
                     <textarea
                             name="text_msg"
                             onFocus="this.select()"
-
+                            onkeydown  ="hideErrors(this)"
                             oninput="counterText(this)"
                             id="id_text"
                             class="feedback_form_message"
@@ -68,7 +68,7 @@
 
                 </div>
                 {% if form.errors.text_msg %}
-                    <span id="error_feedback">{{ form.errors.text_msg }}</span>
+                    <span id="error_feedback_text">{{ form.errors.text_msg }}</span>
                 {% endif %}
                 <div class="button_feedback_form">
                     <button onclick="RequestCommercialOffer(this)" id="send_feedback_form">{% translate 'Отправить сообщение' %}</button>