Добавление сообщения об ошибке чуть ниже полей на странице Visualforce

Question

У меня есть два поля в форме. Я применил различные пользовательские проверки с помощью javascript в первом поле. Так что я хочу отображать сообщение об ошибках чуть ниже поля, если значение, введенное пользователем, не выполняется валидации. Но проблема здесь заключается в том, что пользователь может добавить столько строк, сколько захочет, используя кнопку «Добавить строку». Также предположим, что пользователь добавляет 3 строки. И ошибка во второй строке, сообщение об ошибке «сообщение об ошибке» должно отображаться чуть ниже поле второй строки. Следующее является частью моего кода внутри формы. Так как я могу отображать ошибку, используя только javascript (не используя класс контроллера). Пожалуйста, помогите.

            <apex:outputPanel id="List"> 
                 <div id="repayid"> 
                  <table style="width:100%;display: block;overflow: scroll;" id="Table"> 
                   <tr id="Tabletr1"> 

                    <td class="A">Alpha No</td> 

                    <td class="A">BetaText</td> 


                   </tr> 

                   <apex:repeat value="{!List}" var="rep" id="addrow"> 
                    <tr id="repayTabletr2"> 


                     <td id ="tdid"> 
                      <apex:inputField value="{!rep.S_Code_No__c}" id="barid" style="width:100%;"/> 
                      <div style="color:red; background-color:white;"> 
                      <p class="SError" style="display:none;">Error Value </p> 
                      </div> 
                     </td> 

                     <td> 
                      <apex:inputField styleClass="RequiredField" value="{!rep.C_Code__c}" style="width:100%;"/> 
                      <div style="color:red; background-color:white;"></div> 
                     </td> 
                    </tr> 
                   </apex:repeat> 
                  </table> 
                 </div> 

Answer 1

Вы должны выполнять итерацию через поля ввода в вашей функции javascript. При повторении каждого поля у вас будет ID поля.

Используя javascript и CSS, вы можете вставить новый DIV ниже ввода с ошибкой, а затем стилизовать и показать сообщение об ошибке в этом DIV.

Или вы можете добавить пустой DIV в тег повтора и затем можете вставить/добавить innerHTML к нему, если найдете ошибку.