Question

我在表单中有两个字段。我已经在第一个字段上使用javascript应用了各种自定义验证。因此，如果用户输入的值未通过验证，我想在字段下方显示Error meassage。但是这里的问题是用户可以添加使用＆＃39;添加行＆＃39;以及他想要的行数。按钮可用。假设用户添加3行。错误在第二行，＆＃34;错误值＆＃34;消息应该显示在第二行的字段正下方。以下是我的代码内部形式的一部分。所以我如何单独使用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中设置样式并显示错误消息。

或者，您可以在repeat标记内添加一个空DIV，然后如果发现错误，可以为其添加样式/添加innerHTML。

在Visualforce页面中的字段下方添加错误消息

1 个答案: