在Visualforce頁面的字段下方添加錯誤消息

Question

我在窗體中有兩個字段。我在第一個字段中應用了使用javascript的各種自定義驗證。因此，如果用戶輸入的值失敗，我想在字段下方顯示Error meassage但這裏的問題是用戶可以使用「添加行」按鈕添加儘可能多的行。假設用戶添加了3行。並且錯誤在第二行，「錯誤值」消息應該顯示在下面第二行的字段。以下是我的代碼中的一部分form.o如何顯示錯誤使用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。