Javascript 如果验证失败,如何保持显示div?

Javascript 如果验证失败,如何保持显示div?,javascript,java,html,jsp,struts2,Javascript,Java,Html,Jsp,Struts2,我有一个使用Struts2的web应用程序,其中我正在验证姓名和电子邮件地址的表单。我正在使用简单的javascript验证名称,这很容易,但对于我正在调用的服务的电子邮件地址。因此,我在jsp中有一个方法,它对名称进行验证,并提交表单进行电子邮件验证 这些文本字段位于div标记中,一旦一切正常,它就会隐藏,但如果名称无效,此div标记不会隐藏,因为它会提示用户提供名称。如果是电子邮件地址,我希望在不隐藏div标记的情况下有相同的行为(希望显示电子邮件),但我不确定如何操作 JSP 如果一切都不

我有一个使用
Struts2
的web应用程序,其中我正在验证姓名和电子邮件地址的表单。我正在使用简单的
javascript
验证名称,这很容易,但对于我正在调用的服务的电子邮件地址。因此,我在jsp中有一个方法,它对名称进行验证,并提交表单进行电子邮件验证

这些文本字段位于div标记中,一旦一切正常,它就会隐藏,但如果名称无效,此div标记不会隐藏,因为它会提示用户提供名称。如果是电子邮件地址,我希望在不隐藏div标记的情况下有相同的行为(希望显示电子邮件),但我不确定如何操作

JSP


如果一切都不正常,则不会显示。这意味着,如果验证失败,我希望显示“无效电子邮件地址”的消息,而不是隐藏div。首先,您在迭代器中创建它们,这样您将有多个id相同的标记,这些标记将中断!第二,你的表格在哪里?它的行动结果是什么?与上面相同的页面?如果一切都不正常,则不会显示。也就是说,如果验证失败,我希望显示“无效电子邮件地址”的消息,而不是隐藏div。首先,您在迭代器中创建它们,这样您将有多个id相同的标记,这些标记将中断!第二,你的表格在哪里?它的行动结果是什么?与上面相同的页面?
<form name="resendEsignatureFormId" id="resendEsignatureFormId" action="<integration:urlAction actionName='myAction' method="POST"/>

function validateEmailAddress() {       
    if( document.getElementById( 'nameId' ).value == "" ) {
        document.getElementById( 'display' ).innerHTML ='Please provide name';
        return false;
    }   
    document.getElementById( 'resendEsignatureFormId' ).submit();
}   

<div id="Signers" style="display: none;">
        <s:iterator value="intgDetails.custDetails.signers" var="signerslist">
            <div class="sectionHeaderLine"></div>
            <div class="sectionHeader">Signer #<%=ct%></div>
            <!-- <div id="display" class="fieldLabelBold" style="color:#0033CC"></div> -->
            <div id="display" class="fieldLabelBold" style="color:red"> 
                <c:if test="${emailValidationMessage != null}">
                    <div class="fieldLabelBold" style="color:red">${emailValidationMessage}</div>
                </c:if>
            </div>
            <table width=100%>                                              
                <tr align="left">
                    <td align="left">
                        <s:textfield name="nameId" id="nameId" label="Name" cssClass="dataFieldCell3" value="%{#signerslist.name}" />
                    </td>
                </tr>
                <tr align="left">
                    <td align="left">
                        <s:textfield name="emailId" id="emailId" label="Email" cssClass="dataFieldCell3" value="%{#signerslist.email}" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <s:textfield name="recipientId" id="recipientId" style="display: none;" value="%{#signerslist.recipientId}" />
                    </td>
                </tr>
                <%
                    ct++;
                %>
            </table>
        </s:iterator>

        <table width=100%>
            <tr>
                <td class="esignNavigation">            
                    <a href="#x" onclick ="return validateEmailAddress()"><span>Confirm</span></a>
                    <a href="#x" onclick="hideSigners()"><span>Cancel</span></a>
                </td>
            </tr>
        </table>
    </div>